Kamu mempunyai blog? Pasti blog kamu mempunyai banyak pengunjung di facebook kan? Nah, kali ini aku ingin membagikan sebuah tutorial bagaimana menambahkan facebook fans page di blog kamu. Namun kali ini yang bisa sembunyi di bilah samping blog kamu.
Mau untuk membuat facebook fans page seperti gambar diatas?
Ikuti tutorial berikut ini dengan seksama. Oke kita mulai.
1. Pergi ke Blogger-Dashboard-Template-Edit HTML
2. Cari kode di bawah ini (Bisa dengan Ctrl + F)
Mau untuk membuat facebook fans page seperti gambar diatas?
Ikuti tutorial berikut ini dengan seksama. Oke kita mulai.
Langkah 1
1. Pergi ke Blogger-Dashboard-Template-Edit HTML
2. Cari kode di bawah ini (Bisa dengan Ctrl + F)
<head/>
3. Kemudian kamu taruh kode dibawah ini diatas <head/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
Note : Jika kamu menemui kode tersebut, lewati langkah di atas.
4. Kemudian save template
Kalau sudah kita masuk langkah kedua untuk memasukkan kode HTML/Javascript ke widget kamu.
Langkah 2
1. Masuk Ke Dashboard - Tata Letak - Add Gadget
2. Kemudian pilih HTML/Jawascript
3. Kemudian copy kode di bawah ini untuk kamu tatuh ke kotak yang telah terbuka.
<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 PAGE ANDA&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://tutorialuntukblog.blogspot.com/2011/10/tutorial-sembunyikan-fb-fan-page-di.html">Tutorial Here</a></span></div></div>
Nah setelah itu kamu ganti URL PAGE dengan url page facebook fans page kamu. Setelah itu kamu pilih simpan
Kalau kamu merasa tutorial ini bermanfaat bagi kamu, luangkan sedikit waktu untuk membagikannya kepada teman-teman kamu.
Update 17 Desember 2012 : Membuat Facebook Fans Page Di Sibebar Blogger
Jillur Rahman
I'm Jillur Rahman. A full time web designer. I enjoy to make modern template. I love create blogger template and write about web design, blogger. Now I'm working with Themeforest. You can buy our templates from Themeforest.
Website: http://masala-jr.blogspot.com/
No Comment to " Cara Membuat FB Fans Page Sembunyi Di Blog "