cara membuat likebox facebook tersembunyi pada blog

Assalamu'alaikum wr.wb.
kali ini mas fery akan share mengenai cara membuat likebox fanspage facebook tersembunyi pada blog ,,ok tidak usah banyak basa-basi langsung saja ke TKP.
sebenarnya caranya cukup mudah untuk di lakukan ,,nantinya cara ini akan memunculkan likebox di sebelah kanan dan bisa tersembunyi seperti contoh yang ada di blog mas fery ini atau seperti ini screenshoot'y :

oke berikut ini caranya :

  1. pertama yang harus sobat lakukan pasti login dulu ke blogger
  2.  setelah itu masuk ke bagian template anda
  3. setelah itu cari kode </head> ( gunakan Ctrl+F untuk mempercepat pencarian )
  4. Setelah ketemu, letakan kode dibawah ini tepat di atas kode </head> 









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

setelah selesai klik save

5. langkah selanjutnya masuk ke tata letak
6. add gadget
7. html java script
kemudian masukkan kode di bawah ini

<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=
http://www.facebook.com/Feryshareblog&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://fery-share.blogspot.com/2013/05/cara-membuat-likebox-facebook.html "><b>Get Widget</b></a></span></div></div>

Ganti url yang berwarna merah dengan Url Facebook sobat
setelah selesai simpan dan lihat hasilnya

Demikian artikel tentang cara membuat likebox fanspage facebook tersembunyi pada blog bila Masih Ada Pertanyaan Silahkan Aja Tinggalkan Di komentar .Sekian Terima Kasih
Semoga Bermanfaat.

0 Response to "cara membuat likebox facebook tersembunyi pada blog"

Post a Comment

Silahkan Tinggalkan Komentar Sobat Apabila Ada yang ingin di tanyakan ataupun ada kesalahan di artikel ini dan komentar anda tidak boleh mengandung :
1. unsur sara ,kekerasan ,porno dan sejenisnya.
2. link aktif text anchor dan sejenisnya
3. tidak ada kaitannya dengan artikel ini maka kami anggap spam
Terima kasih Telah Memenuhi syarat diatas dan juga terima kasih telah berkunjung .Salam Blogger :D