Cara Memasang Facebook Like Box Seperti Di Blog Ini

Siang ini ane main game ampe puyeng banget nih kepala.
Daripada bingung mau ngapain, mending update blog aja lah....

Dulu saya pernah posting: Cara Membuat Facebook Like Box Melayang Dengan Tombol Close

Nah, yang dulu itu tampilannya melayang-layang. Karena saya rasa mengganggu, makannya saya pindahkan di sebelah kiri, seperti yang sobat lihat di blog tercinta ini. Hahaha...

Karena bingung, maka ane kasih judul : Cara Memasang Facebook Like Box Seperti Di Blog Ini. Wakakak... Atau ada yang mau ngasih judul??? Ane ganti deh besok-besok kalo ada yang ngasih judul bagus, hix hix.

Bagi yang pingin pasang Facebook Like Page seperti di blog ini, caranya:

• Masuk ke Blogger sobat, dan langsung menuju ke Layout.
• Klik Add/Tambah Gadget >> Html/Javascript
• Kemudian copy paste kode di bawah ini pada bagian Content/Isi.

<script type='text/javascript'>
    $(document).ready(function() {
    $('img#closed').click(function(){
    $('#btm_banner').hide(90);
    });
    });
    </script>
    <script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};
    </script><script type="text/javascript">
    if (window.jstiming) window.jstiming.load.tick('headEnd');
    </script>
    <!--start: floating ads-->
    <div id="teaser2" style="width:autopx; height:0; text-align:left; display:scroll;position:fixed; top:0px;left:0px;">
    <div><a href="#" id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfnMaWnIXd2LyoxwsT4lPBmBBdkQPiPZW0PMsZ7EJg5t5_h7wbSxrPTVg_mHDPwLGNFACCRxZbP7KiOSCUWFJQG3L5gGSZLhOix528pyq6n1DrJJ1FFwWeHy-2N0nWEsQKm61MTYcENfxL/s1600/PhoXo2.png'/></center></a></div>
    <!--Mulai-->
Kode Facebook sobat
    <!--Akhir-->
    </div>
    <!--end: floating ads-->

Di atas adalah apabila sobat ingin memasangnya di sebelah kiri. Kalau sobat ingin memasangnya di sebelah kanan, maka ganti tulisan yang berwarna biru, dengan kode di bawah ini:

    <!--start: floating ads-->
    <div id="teaser3" style="width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:0px;right:0px;">
    <div><a href="#" id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfnMaWnIXd2LyoxwsT4lPBmBBdkQPiPZW0PMsZ7EJg5t5_h7wbSxrPTVg_mHDPwLGNFACCRxZbP7KiOSCUWFJQG3L5gGSZLhOix528pyq6n1DrJJ1FFwWeHy-2N0nWEsQKm61MTYcENfxL/s1600/PhoXo2.png'/></center></a></div>
    <!--Mulai-->
Kode Facebook Sobat
    <!--Akhir-->
    </div>
    <!--end: floating ads-->

• Ganti tulisan yang berwarna merah dengan kode facebook milik sobat. Kalau masih bingung, saya contohkan kode facebook saya seperti ini:

<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/en_US/all.js#xfbml=1&appId=3932.........";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like-box" data-href="http://www.facebook.com/pages/Dofarblog-tips/4052........" data-width="200" data-show-faces="true" data-stream="false" data-header="true"></div>

Tulisan yang berwarna hijau adalah Lebarnya. Silahkan sesuaikan dengan Blog sobat masing-masing. 

Ok, kalau sudah, jangan lupa di Save. Trus dilihat deh...

Good Luck

Oiya bagi yang masih pemula silahkan baca dulu: Membuat Facebook Page dan Like Box di Blog/Website

Semoga bermanfaat....