Thursday, April 11, 2013

Cara Memasang Facebook Like Box Seperti Di Blog Ini

Do you want to share?

Do you like this story?

YOUR GOOGLE ADSENSE CODE HERE (300x250)
YOUR GOOGLE ADSENSE CODE HERE (300x250)
Siang ini ane main game ampe puyeng banget nih kepala.
Daripada bingung mau ngapain, mending update blog aja lah....

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....

YOU MIGHT ALSO LIKE

0 comments:

Post a Comment

Silahkan berkomentar dengan baik. terima kasih atas komentarnya...

Advertisements

YOUR GOOGLE ADSENSE CODE HERE (300x250)

Advertisements

YOUR GOOGLE ADSENSE CODE HERE (300x250)