Ana içeriğe atla

Abone Ol!

Blogger İnstagram Eklentisi 2019


Sizde resimlerinizi göstermek için basit bir rehberi Blogger blogunuza Instagram Widget'ı ekleyebilirsiniz. Eğlence ve basit bir görüntü paylaşım uygulaması ve hızlı bir şekilde en iyi sosyal görsel medya platformlarından birini ekleyebilirsiniz.

Instagram 2 milyardan fazla + aylık kullanıcılar ile hızlı büyüyen sosyal medya sitelerinden biri haline geldi. Günlük olarak paylaşılan ortalama 80M + fotoğraf bulunuyor. Instagram takipçilerinizi arttırmanın ve Instagram widget'ini web sitenize yerleştirmenin çeşitli yolları var / blogger blog platformda güçlü bir takip oluşturmak için çok yararlı olabilir. Kesinlikle bunu yapmalısınız. Instagram widget ile bloğunuz canlanacaktır.



Instagram'ın resmi bir widget'ına sahip olmadığı için, Instagram kaynağınızı blogunuzda göstermek için üçüncü taraf javascript widget'lerini kullanabilirsiniz.

Doğrudan web sitenize / blogunuza yerleştirmeniz için çeşitli Instagram fotoğraf stilleri sağladık. Sadece aşağıdaki kodu kopyalayın ve herhangi bir javascript / HTML widget’ını blog düzenine yapıştırın.

<div class='media-left'>
<div class='table-cell-m'>   <h4 class='widget-title'>Instagram</h4>        <a class='btn btn-default' href='//instagram.com/bthemez' rel='me'>Follow Us</a>
  </div> </div>
<div class='instagram-footer'> <div class='dark-wrapper'>                    <div class='cf'/>          <ul id='instafeed' class='insta-slick'>   </ul>   </div>
<script type='text/javascript'>//<![CDATA[        $(document).ready(function(){ var feed = new Instafeed({  get: 'user',    userId: 3818481741,     limit:14,     sortBy:'random',    accessToken: '3818481741.1677ed0.14b2e5f55b6842a2a898da10ef99c145',    after: function () {           var owl = $('.insta-slick');      owl.slick({   dots: false,   infinite: false,   speed: 300, prevArrow: '<button type="button" class="slick-nav slick-prev"><i class="fa fa-angle-left"></i></button>',  nextArrow: '<button type="button" class="slick-nav slick-next"><i class="fa fa-angle-right"></i></button>',   arrows:true,   slidesToShow: 5,   slidesToScroll: 2, autoplay: false, draggable:true, infinite:true,   autoplaySpeed: 3500,   responsive: [     {       breakpoint: 1024,       settings: {         slidesToShow: 3,         slidesToScroll: 3,         infinite: true,         dots: true       }     },     {       breakpoint: 600,       settings: {         slidesToShow: 2,         slidesToScroll: 2       }     },     {       breakpoint: 480,       settings: {         slidesToShow: 1,         slidesToScroll: 1       }     }     // You can unslick at a given breakpoint now by adding:     // settings: "unslick"     // instead of a settings object   ] });
},        template: '<li><a href="{{link}}" target="_blank"><div class="zoom-out-effect left"><div class="img-box"><img src="{{image}}" /></div> <div class="info-box"><div class="info-content"><div class="insta-likes"><i class="fa fa-heart"></i>{{likes}}</div> <div class="insta-com"><i class="fa fa-comment-o"></i>{{comments}}</div>   </div></div></div></a></li>',    resolution: 'standard_resolution'    });    feed.run();  
 }); //]]>   </script></div></div>
Tüm işlemler işte bu kadar. Deneyen ve çalıştıran arkadaşların düşüncelerini merak ile bekliyorum. İyi bloglar.

Yorumlar

  1. Harikasınız! Blogumda başarıyla uyguladım. Çok teşekkürler...

    YanıtlayınSil

Yorum Gönderme

Bu blogdaki popüler yayınlar

Scratch'ta Uçan Kuş Uygulaması

Scratch'ta uçan kuş uygulaması için öncelikle programımızı açıyoruz. Gerçekleştireceğimiz uygulama ile aşağıdaki başlıkları kodlayacağız.

Scratch ile Hesap Makinası Yapma

Bu içerikte sizlere internet üzerinde daha önce gerçekleştirilmemiş, orijinal ve güzel bir projeyi aktaracağız. Scratch ile Hesap Makinası Yapma işlem adımlarını sizlerle paylaşacağız.

Bu projeden önce gerçekleştirdiğimiz diğer projeleri aşağıda görebilirsiniz.
1.Scratch'ta İnteraktif Kalem Uygulaması
2.Scratch'ta Uçan Kuş Uygulaması

Gerçekleştireceğimiz Hesap Makinası Uygulaması için aşağıdaki her adımı Scratch üzerinden izleyerek gerçekleştirebilirsiniz. Scratch ile Hesap Makinası Yapma uygulaması toplamda 13 Adım ile tamamlanacaktır.

Adım 1: Öncelikle Scratch'i açalım. Ve kediyi silelim.
Adım 2: Yeni kukla ekleme alanından aşağıdaki alandan gözüken rakamları ekleyelim. Aşağıda iki görsel bulunuyor. Birinci olan yeni kukla eklemeniz için gerekli kısmı gösterecektir. Diğer görsel ise eklemeniz gereken kuklaları göstermektedir. Kutular içerisine alınmış her rakamı tek tek eklemeniz gereklidir.
Yukarıdaki görselde gördüğünüz Harfler sekmesinin içerisinde yer alan 0, 1, 2, 3, 4…

Mbot ile Çizgi İzleyen Robot Yapımı

Makeblock'un en eğlenceli ürünlerinden birisi olan Mbot ile bir çok kaliteli projeler ortaya çıkartabilirsiniz. Bu blog içeriğinde sizlere Mbot ile çizgi izleyen robot nasıl yapılır? hakkında bilgi aktaracağız.

Mbot ile ilgili daha önceden gerçekleştirdiğimiz Mbot ile Programlamaya Giriş blog yazımız için bu linke tıklayabilirsiniz.

Öncelikle Mbot'u bilgisayarımız ile bağlamamız gerekli. Bunun için aşağıdaki adımları takip etmelisiniz.

Adım 1:Bağlan > Seri Port > COM3 ile bağlantıyı sağlayabilirsiniz. Bilgisayarınızdaki porta göre bu COM8 de olabilir. Aşağıdaki görseldeki adımları izlemelisiniz.

Adım 2: Bu işlemi gerçekleştirdikten sonra Robotlar sekmesinden kırmızı noktanın yeşil olup olmadığına bakmalıyız. Eğer kırmızı ize bağlantınızı tekrar kontrol edin.

Adım 3: Eğer yeşil ise artık programlamaya başlayabiliriz. Tüm işlemleri Robotlar sekmesinden ve Kontrol sekmesinden aldığımız kod blokları ile gerçekleştiriyoruz. İlk olarak sadece robotumuzun sürekli ileri hareket etm…

Blogspot Bloglarının Yedeği Nasıl Alınır

Blogspot kullanan arkadaşlar bazen kendi sitelerine verilerini aktarmak veya Wordpress’e verileri taşımakta zorluklar yaşamaktadırlar. Bu konuda sizlere görsel olarak hazırladığım içeriği aktaracağım. Bu şekilde aldığınız yedeği isterseniz Wordpress isterseniz doğrudan kendi sitenizin veri tabanına aktarabilirsiniz. 
Video Özet
Yukarı bu işleri yaptığım bir video var izleyebilirsiniz veya doğrudan aşağıdaki işlem adımlarını izleyerek sizde doğrudan yapabilirsiniz. Adım 1: Blogger.com’a giriş yapmalıyız. Adım 2: Aşağıdaki görseldeki alana geliniz. Bu alandan “İçeriği Yedekle” butonuna tıklayınız. Adım 3: Aşağıdaki pencere açılacaktır. Burada da sadece “Bilgisayarınıza kaydedin” butonuna tıklayacaksınız. Ardından tüm veriler bilgisayarınıza inecektir. Adım 4: Şimdi tüm içeriği yedeklediniz. Bu yedeği eğer farklı bir blogger sitesine aktarmak istiyorsanız Adım 2’deki karşımıza çıkan “İçeriği İçe Aktar” ile aktabilirsiniz. Bunların yanı sıra belirli aralıklar ile içeriklerinizin yedeklerini al…

Alan Adı Transferi Nasıl Yapılır? #1

Alan Adı (Domain) Dünyası oldukça geniş oldukça farklı konuyu içerisinde barındıran bir konudur. Bu yazıda sizlerin alan adı transferi sırasında başınıza gelebilecek olası sonuçlar ile ilgili bir makale kaleme almak istedim. Bir firmadan başka bir firmaya alan adı transferinde kurumlar bazen sorun çıkartmakta bazen de kolaylıklar sağlayabilmektedir. Aslında en önemli konu bizim alan adı ile ilgili bildiklerimizdir.

Eğer daha önceden herhangi bir alan adı transfer etmedi iseniz lütfen karşılaştığınız sorunlarda firma görevlilerini sorumlu tutmayın. Sorunun olası sebepleri ile ilgili araştırma yapın. Problem belki doğrudan sizden kaynaklı olabilir.

Her firmanın alan adı transfer süreci azda olsa farklılık göstermektedir. Bu pazardaki rekabet ile ilgilidir. Bunun yanı sıra bu yazı da sizlere karşılaşma ihtimaliniz yüksek olan durumlar ile ilgili bilgi verilecektir.
Alan Adı Süresi Hiçbir kurum alan adının süresinin bitmesine tam 2 ve ya 3 gün kalmışken transfer süreci başlatmanızı istem…