.

ada yang mau ditanyakan silahkan tanyakan saja jangan sungkan2 saya sedia membantu dengan senang hati...

Rabu, 03 Juli 2013

Cara Membuat Like Box Facebook Auto Hide


بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم



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.

Tidak ada komentar:

..:: Perhatian !! terima kasih atas kunjungannya, jangan lupa kalau mau copy/paste harap cantumkan sumbernya by http://www.sangmancunian.blogspot.com .. semoga bermanfaat::..
ATAS
BAWAH