Cara Membuat Like Box Facebook Auto Hide

Cara Membuat Like Box Facebook Auto Hide

April 02, 2013
Setelah Blogging kesana kemari, mengunjungi blognya agan-agan akhirnya saya menemukan Script untuk membuat Like Box Facebook Auto Hide. Nanti jadinya akan seperti ini




Gimana, Bagus bukan??
Mau yang kayak ginian???
Nih caranya :


  1.  Biasa pertama agan muzti Login ke blogger masing-masing, kemudian pilih template>edit html
  2.  Setelah itu cari kode </head> pake Ctrl+F aja biar mudah dan praktis.
  3.  Setelah itu kamu pastein kode dibawah ini diatas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

4. Setelah itu kalian buka Tata letak>tambah widget, pilih <html /script>
5. Kemudian kalian pastekan kode dibwah 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/pages/idebagus/149904085104258&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://christiantatelu.blogspot.com/2012/01/cara-membuat-fan-page-facebook-auto.html">Tutorial Here</a></span></div></div>




Ganti kode yg berwarna merah dengan URL fan page kalian masing-masing
6. Kemudian simpan,, mudah bukan.


================Selamat mencobanya=====================

Next
« Prev Post
Previous
Next Post »

Tata Cara Berkomentar yang Baik dan Benar :

1. Gunakan Bahasa yang Sopan.
2. Biasakanlah berkomentar sebelum meninggalkan.
3. Usahakan jangan menggunakan anonymous
4. Saya sangat berterima kasih atas komentar yang kalian berikan
5. Admin selalu berusaha melakukan yang terbaik untuk para pengunjung ConversionConversion EmoticonEmoticon

Thanks for your comment
Subscribe to: Post Comments (Atom)