Cara Membuat Fans Page FB Auto Hide di Blog

Jika kamu gemar menghias blog dengan animasi dengan tampilan elegant diblog kamu. Sekarang saya akan memposting "Cara Membuat Fans Page FB Auto Hide di Blog". Widget ini adalah widget untuk menampilkan Fans Page kamu diblog dengan tampilan Auto Hide/tersembunyi di bagian kanan blog.

Contoh Fans Page FB Auto Hide milik saya : 
Langkah 1

  1. Login ke Blogger.com dengan akun blog kamu
  2. Klik Template => Edit HTML => lanjut dan centang "Expand Template Widget"
  3. Kemudian cari kode </head> dengan menekan Ctrl+F
  4. Salin kode dibawah ini dan Paste tepat di atasnya </head>, kemudian klik Save/Simpan.

Langkah 2
  1. Klik Tata Letak => Tambah Gadget
  2. Pilih HTML/JavaScript
  3. Salin kode dibawah ini dan Paste di kotak tersebut, kemudian Save/Simpan.
<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=https://www.facebook.com/pages/Blog-Sejuta-Informasi/391894094210462&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://sangmastervirus.blogspot.com/2012/11/CaraMembuatFansPageFBAutoHide.html">Tutorial Here</a></span></div></div>

Catatan : 
-    Teks yang berwarna merah diganti dengan teks Fans Page milik kamu

3 komentar:

Peraturan dalam berkomentar
1. No SPAM
2. No SARA
3. Tidak berkomentar dengan kata yang berbau PORNO
4. Gunakanlah bahasa yang mudah dimengerti
5. Dilarang mencantumkan link dikomentar dan gunakanlah Name/URL untuk berkomentar

>> Salam dari Admin The Master Blogger

Muhammad Zulfi Rahmanzi

Belajarlah dengan bersungguh-sungguh, karena suatu saat nanti kita akan menjadi orang yang sangat berguna untuk bangsa ini. Dan belajarlah dengan penuh keyakinan, karena suatu saat nanti kamu akan merasakan yang namanya .::SUKSES::....Read More
Chrome Pointer