cara membuat fb like auto hide di blog

Cara Membuat Fb like auto hide di blog – Jika sobat blogger yang ingin blognya dipasangi script auto hide like facebook berikut akan diulas tutorialnya. Page fans facebook ini perlu bagi blog sobat, gunanya selain mempromosikan blog sobat melalui jejaring sosial semisal facebook dan akhirnya visitor pun akan di dapat karena blog sobat diperkenalkan lewat jejaring sosial ini. Penasaran ingin memasangnya di blog sobat, ikuti saja langkah-langkahnya : 

• Anda harus masuk dulu ke akun Blogger.
• Kemudian Klik Design dan Edit HTML
• Cari kode </head>
• Kalau sudah ketemu, Letakkan kode berikut di atasnya.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

Lalu Save template anda.

Proses pembuatan atau pemasangan Facebook Like auto hide belum selesai sampai disini, masih ada kode yang harus anda  masukkan lagi. Untuk itu, ikuti saja langkah selanjutnya di bawah ini.

• Dari Dasboard, Klik Page Elements dan Klik Add a Gadget.
• Kemudian Pilih HTML/Javascript
• Copy Paste kode berikut di dalam kotak yang tersedia

<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/WanBloggers/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>

Keterangan : Agar script ini berjalan sempurna maka anda robah dulu link yang berwarna merah  http://www.facebook.com/pages/WanBloggers/149904085104258 dengan URL Facebook Pans Page anda [saya anggap anda telah mempunyai akun facebook dan telah membuat pans page].

Sampai disini tutorialnya, bila perlu pertanyaan silahkan melalui kotak komentar.

Anda sedang membaca artikel tentang Cara Membuat Fb like auto hide di blog dan anda bisa menemukan artikel Cara Membuat Fb like auto hide di blog ini dengan url http://wan-soe.blogspot.com/2012/05/cara-membuat-fb-like-auto-hide-di-blog.html,anda di izinkan mengcopy paste (Copas) artikel Cara Membuat Fb like auto hide di blog ini jika sangat bermanfaat bagi anda, namun jangan lupa untuk meletakkan link Cara Membuat Fb like auto hide di blog sebagai sumbernya.

Sumber : http://wan-soe.blogspot.com/2012/05/cara-membuat-fb-like-auto-hide-di-blog.html#ixzz29jCKFPji

Posted by iwan este on Friday 19 October 2012 - Rating: 4.5

Title : cara membuat fb like auto hide di blog
Description : Cara Membuat Fb like auto hide di blog –  Jika sobat blogger yang ingin blognya dipasangi  script auto hide like facebook  berikut akan ...

Tweet