cara membuat atau memasang WIDGET FansPage FACEBOOK TERSEMBUNYI DI SAMPING KANAN BLOG





Kali ini mas seem akan share bagaimana cara membuat/memasang widget FansPage Facebook tersembunyi di samping kanan blog. Hal ini patut anda lakukan jika blog anda sudah banyak memuat widget-widget dan anda pun sudah tidak tahu lagi ingin memasang/menaruh widget FansPage Facebook ini. Widget ini tidak cuma untuk memasang Like FansPageFacebook tersembunyi 
saja, tetapi juga bisa sebagai penghias blog anda.

Liahat contoh gambar dibawah ini atau lansung lihat saja di samping kanan blok ini

WIDGET FansPage FACEBOOK


berikut langkah-langkahnya;



langkah 1

  1. silahkan masuk ke akun blog/Dasbor blog anda terlebih dahulu.
  2. Pilih menu edit HTML
  3. centang Expant tempelate widget
  4. Terus cari kode </head> agar memudahkan pencarian anda tinggal tekan CTRL + F / F3
  5. copy paste kode berikut tepat diatas kode </head> tadi

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

  1. simpan....


langkah ke-2

  1. pilih menu layot atau tata letak
  2. setelah itu klik add gatget atau tambah gatget
  3. kemudian pilih elemen html/javascript
  4. masukan kode berikut di dalam html/javascript
  <script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>


<iframe src="http://www.facebook.com/plugins/likebox.php?href=LETAKKAN URL PAGE ANDA DI SINI&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://zootodays.blogspot.com/2012/04/cara-memasang-widget-like-fanspage.html">Click this</a></span></div></div>

  1. Sebelum di Save atau Simpan anda harus mengganti kata "LETAKKAN URL PAGE ANDA DI SINI" dengan URL halaman atau FansPage anda. Jika masih bingung apa itu URL anda dapat melihatnya seperti di gambar berikut.

    WIDGET FansPage FACEBOOK

  1. lalu terakhir save / simpan
    selamat mencoba moga sukses kawan..

Artikel Terkait