Memasang Widget Fan Page Facebook Auto-hide


Langsung Ke Tutorialnya.

1. Login ke Blogger Dengan Google Akun Anda
2. Jika sudah di dashboard Pergi Ke Rancangan » Edit HTML
3. Masukkan javascript berikut di bawah kode ]]></b:skin> :


<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.likebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLBT6_6dITBZzJPFArnj_7nCBiwr8ApFKo-6Wp68LMRogt0L53YvfjW-LPYSXxIrXJTlkBXSTXhSRomseZkqnHnPNC6FszgLBVdyy9rOGnTo4cfwwPEOo9BGRnP2GJYyiBveiGwxLu175t/s1600/fb.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:44%;}
.likebox div{border:none;position:relative;display:block;}
.likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}
.likebox span a{color: gray;text-decoration:none;}
.likebox span a:hover{text-decoration:underline;}
</style>
<div class="likebox" style="">
    <div>
 <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/AREA-182/246857298733987&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><b><a target="_blank" href="http://area-182.blogspot.com/2012/03/memasang-widget-fan-page-facebook-auto.html">Get this widget</a></b></span>
    </div>
</div>



4. Ubah kode yang berwarna hijau dengan alamat/URL Fan Page Facebook anda.
5. Simpan template.

Dan sekarang lihat hasilnya, TARAAAA,,,,,,

OK cukup sekian dulu tutorial kali ini, tunggu kelanjutannya bagaimana cara membuat Google plus Page yang juga sama seperti yang ada pada blog ini.

Happy Blogging :)

Copyright © 2012 AREA-182