Membuat Like Facebook Melayang Di Samping Kanan Blog

dani

Tips dan trik

Sunday, August 24, 2014

Belum ada komentar

Membuat Like Facebook Melayang Di Samping Kanan Blog

Like Facebook

Fans Like Facebook digunakan untuk salah satu langkah meningkatkan kualitas blog. Dengan menggunakan 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 kuat juga kedudukan blog yang kita share di dalam fans page tersebut. Untuk membuat Facebook Like Box di Blog dengan mudah, bisa mengikuti dari posting Cara membuat Facebook Like Box di Blog. Dan kali ini akan dibahas mengenai cara untuk membuat 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="http://lirikdankuncigitar.blogspot.com/2014/08/membuat-like-facebook-melayang-di.html">Widget Tutorial</a></span></div></div>

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