Tuesday, October 08, 2013

Cara Membuat Like Box Fanpage di Blog

Cara Membuat Like Box Fanpage di Blog
Contoh di blog saya yang lain

Banyak blogger yang memasang like box fanpage walaupun blognya tidak menjual suatu produk. Para blogger tersebut memasang like box fanpage hanya untuk mencoba saja karena dia juga membuat tutorialnya. Tetapi untuk yang berbisnis online saya sangat menganjurkan untuk memasang like box fanpage di blognya atau websitenya.

Like box fanpage sangat berguna sekali karena media social yang paling ramai dipakai adalah facebook. Tiap orang punya facebook, tapi tidak banyak yang punya blog. Jadi, facebook adalah media yang sangat tepat sekali untuk memasarkan produk anda.

Jika anda ingin membuat like box fanpage di blog, silahkan ikuti langkah-langkah berikut ini :
1. Pilih Template lalu Edit HTML

Cara Membuat Like Box Fanpage di Blog
Template > Edit HTML
2. Copy kode berikut
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/> 
3. Paste di atas kode </head>
4. Simpan Template
5. Pilih Tata Letak

Cara Membuat Like Box Fanpage di Blog
Tata Letak > Tambahkan Gadget
6. Pilih Tambahkan Gadget
7. Pilih HTML JavaScript

Cara Membuat Like Box Fanpage di Blog
HTML/JavaScript

8. Beri judul fanpage atau yang lain terserah anda
9. Copy kode berikut
<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=URL fanpage Facebook anda&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=12&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://anamsyaifulnews.blogspot.com/2013/10/cara-membuat-like-box-fanpage-di-blog.html">.: Pasang Widget :.</a></span></div></div> 
10. Paste di kontennya
11. Simpan


Silahkan cek tampilan baru blog anda ☺