Carta Cara Nak Pasang Code Instagram Di Blogger

1.Go To Blogger > Design
Choose Add a Page Element
Then choose HTML/JavaScript widget
Inside the widget paste the code below,

<div class='table-cell-m'>
  <h4 class='widget-title'>
Instagram</h4>
<a class='btn btn-default' https://www.instagram.com/eiremer.odand/' 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: 4148803768,   
  limit:14,   
  sortBy:'random',  
  accessToken: '4148803768.e7f626d.a1503775757f4e0384aa1fd99adfff27',
   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>
',

Google Barcode

Gallery

Carta Cara Nak Pasang Code Instagram Di Blogger

Tiada ulasan:

Catat Ulasan

Subscribe To Get Info !Terkini!

Author

Direction

Hotel Region

Demo team

Eiremer Odand