Ana içeriğe atla

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

Bu blogdaki popüler yayınlar

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…

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.

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…