Cara Memasang Widget Fanspage Facebook dengan Efek Slider

Di Hari Jumat yang indah ini, saya akan membagikan bagaimana Cara Memasang Widget Fanspage Facebook dengan Efek Slider, buat yang belum tahu bagaimana penampilan dan demonya nanti akan saya kasih liat dibawah, tapi sebelumnya ijinkan saya menjelaskan apa Fungsi dari Widget ini, Widget ini dibuat oleh seocips dan menurut saya widget ini sangat keren, karena dapat membuat mata para pengunjung fokus ke Fanspage kalian dan akan meng-like nya

Yupz, sekarang saya akan memperlihatkan bagaimana penampilan dan demo dari widget ini, untuk melihatnya klik saja tombol Demo dibawah
dan perhatikan bagian kanan blog saya

DEMO
Baiklah, tanpa basa basi langsung saja kita ke tutorialnya

Memasang Widget Fanspage Facebook dengan Efek Slider 

1.Buka Blogger
2.Masuk ke Blog yang ingin dipasang lalu klik Tata Letak dan pilih Tambahkan Widget,lalu pilih HTML/Javascript
3.Setelah itu copy kode dibawah dan pastekan di widget tersebut

 <style>
/*Fixed Facebook Like Box DieFbe*/
.fb-btn-diefbe {background:rgba(1, 0, 1, 0.2);margin:0;padding:0;text-align:center;position:fixed;bottom:1%;right:0.5%;z-index:9999;box-shadow:0 3px 4px #444;border:1px solid #ccc;display:block;-moz-animation:atas 10s;-webkit-animation:atas 10s;animation:atas 10s;}
.fb-btn-diefbe {padding:5px ;color:#fff;font-size:120%;}
.fb-btn-diefbe a:link, .fb-btn-diefbe a:visited {color:#ffcc00;}
.fb-btn-diefbe a:hover {color:#fff;}
.fb-btn-diefbe2{background:rgba(1, 0, 1, 0.3);-moz-animation:kiri 15s;-webkit-animation:kiri 15s;animation:kiri 15s}
.fb-btn-diefbe2 {padding:3px ;color:#fff;font-size:120%;}
@-webkit-keyframes atas{
from{transform:translate(0px, -2000px)}
to{transform:translate(0px,0px)}
}
@keyframes atas{
from{transform:translate(0px, -2000px)}
to{transform:translate(0px,0px)}
}
@-webkit-keyframes kiri{
from{transform:translate(-30000px, 0px);}
to{transform:translate(0px,0px);}
}
@keyframes kiri{
from{transform:translate(-30000px, 0px);}
to{transform:translate(0px,0px);}
}
</style>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.5&appId=1439296419615573";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-btn-diefbe">
<div class="fb-btn-diefbe2">
<div class="fb-page" data-href="https://www.facebook.com/masdeeons" data-width="200" data-height="125" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="false" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/masdeeons"><a href="https://www.facebook.com/masdeeons">masdeeons.blogspot.com</a></blockquote></div></div>
</div>
</div>

4.Silahkan ganti masdeeons dengan URL Fanspage Facebook anda

Setelah itu Save dan Cek Blog kalian masing masing

Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.