Tuesday, September 3, 2013
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.
