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.

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…