Membuat Like Facebook Melayang Di Samping Kanan Blog

Membuat Like Facebook Melayang Di Samping Kanan Blog

Like Facebook

Fans Like Facebook dipakai untuk salah satu langkah meningkatkan kualitas blog. Dengan memakai fans Like Facebook, orang-orang yang LIKE fans page akan mengatahui perkembangan blog melalui halaman fans page tersebut. Semakin banyak orang yang LIKE fans page kita, semakin besar lengan berkuasa juga kedudukan blog yang kita share di dalam fans page tersebut. Untuk menciptakan Facebook Like Box di Blog dengan mudah, dapat mengikuti dari posting Cara menciptakan Facebook Like Box di Blog. Dan kali ini akan dibahas mengenai cara untuk menciptakan Facebook Like Box di Blog dengan posisi melayang di kanan halaman blog.

• Masuk ke dashboard Blogger Anda.
• Pilih tab Tata Letak/Layout.
• Tambahkan widget HTML/Javascript dan masukkan skrip di bawah 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=https://www.facebook.com/basiizz1?ref=hl &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=" ">Widget Tutorial</a></span></div></div>

• Ganti goresan pena berwarna MERAH dengan ID Fans Page Facebook yang telah Anda buat