Membuat fan page auto hide di samping blog

Ingin membuat fan page seperti ini



  1. Ikuti saja langkah-langkahnya seperti berikut ini :
  2. Login ke blogger.com
  3. Masuk dashboard anda
  4. Pilih menu layout dan tambahkan widget html sebagai berikut 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 anda&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></div></div>
Ganti tulisan warna merah dengan plugin fan page facebook milik anda sendiri dan lihat hasilnya.

1 comments:

Kami menawarkan software atau game yang telah di posting pada situs ini untuk anda miliki dengan cara klik link Order DVD diatas atau SMS ke 085 730 281 770 dengan format :

ORDER DVD (spasi) Nama Aplikasi/Paket (spasi) Nama dan alamat lengkap anda lalu kirim sms ke 085 730 281 770