Membuat Facebook Sliding Di Blogspot

     Cara Membuat Facebook Sliding Di Blogspot | Selamat sore kawan-kawan Sepertinya..Bagi anda yang sudah memiliki akun facebook fan page, sepertinya anda coba memasang facebook sliding di blog atau website anda, karna tampilannya yang unik dan menarik dan tidak pula memakan banyak tempat atau gadget pada blog atau website anda. sering saya berkunjung ke blog-blog yang ada facebook fan page-nya tetapi jarang juga yang menggunakan model sliding..

 ___________________________________________________________________________________

Blog saya sendiri sebenarnya belum punya Facebook Fan Page , dan mungkin di kemudian hari baru di coba di pasang, baiklah tanpa berlama-lama silahkan anda ikuti langkah-langkahnya di bawah ini dengan benar :

1. Login Blogger
2. Pilih Tab "Tata Letak"
3. Pilih "Tambah Gadget"
4. Cari dan Pilih "HTML/JavaScript"
5. Masukkan kode di bawah ini di kolom konten "HTML/JavaScript"

code:______________________________________________________________________________

<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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC_9nxf9a1yQyS9xy9tlQjIxFCSJN7IpdssOSJx0TbaCtS8LChJIxkQ9Dv3mMUXMaOq9lYCwcyuF6i7qqPAL7hvXbUi8_J-NHMrs07u_soamU23TbvtAg7kZbhyDCBPIo0Wz3ycD-gYfb-/s150/w2b_facebookbadge.pn") 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%3A%2F%2Ffacebook.com%2Fblogsdaddy&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>Widget by:<a href="http://www.MyBloggerTricks.com">My Blogger Tricks</a></span></div></div>

___________________________________________________________________________________

Perhatian :
- Ganti tulisan Merah dengan alamat facebook fan page anda.
Contoh : “http://www.facebook.com/pages/BlogsDaddy/229511653738916″

6. Klik "Simpan"
7. Selesai

Sekarang silahkan Refress halaman blog anda.
Source : http://blogsdaddy.com