Cara Memasang Like Facebook Tersembunyi di Blog

Tutorial Blog kali ini akan share Cara Memasang Like Facebook Tersembunyi diBlog. Dengan memiliki fans page facebook Anda bisa memiliki group sendiri di facebook dan Anda bisa memberikan segala informasi pada fans Anda. Keuntungan lainnya tentu akan menambah trafik / kunjungan ke blog Anda.

Anda bisa simpan atau tautkan fans page facebook ke website / blog Anda. Ketika ada pengunjung yang klik tombol like atau suka, maka otomatis akan menambah group Anda.

Sebagian blogger yang bingung ingin meletakan Widget Fans Page Facebooknya karena sudah terlalu bayak Widget pada halaman Blognya, Nah.....jika benar demikian anda dapat menggunakan trik berikut ini untuk mengatur letak Fans page Facebook anda.

Kalau buat anda yang belum memiliki halaman Fans Page Facebook bisa mempelajari caranya pada tutorial blog mengenai Cara Membuat Halaman Fans Page/Penggemar Facebook. setelah anda mempelajarinya maka bisa menerapkan trik ini untuk sembunyikan widget fans page facebook pada halaman blog.

Berikut langkah-langkah untuk memasang Fans Page Facebook di blog

Lankah Ke I :

1. login ke akun blogger anda
2. Pilih menu Template



3. Klik Pada Tombol Edit HTML

4. Klik Tombol Proses Atau Lanjutkan
5. Jangan Lupa Download Template Lengkap Terlebih dahulu untuk mengantisifasi kesalahan dalan edit HTML (Baca caranya Download dan Upload template lengkap )
6. Cari kode </head> (Gunakan Tombol CTRL + F untuk mempermudah pencarian kode)
7. Copy kode dibawah dan letakan datas kode </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

8. Sekarang Klik Simpan

Langkah Ke II :

1.  Pilih Menu Tata Letak atau Layout

    2. Klik Tambah Gadget atau Add a Gadget

    3. Pilih HTML/JavaScrip 

                    
4. Copy Kode Berikut dan Paste pada box HTML/JavaScript.          

<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/kangdarisman?skip_nax_wizard=true&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://tutorialuntukblog.blogspot.com/2011/10/tutorial-sembunyikan-fb-fan-page-di.html">Tutorial Here</a></span></div></div>

Keterangan :
Perhatikan Tulisan https://www.facebook.com/kangdarisman?skip_nax_wizard=true ganti Dengan URL Fans Page Facebook anda (Contoh URL Fans Facebook lihat gambar dibawah)

5. Klik Simpan, dan selesai.


Demikian Tetang Tutorial Blog Cara Memasang Like Facebook Tersembunyi di Blog. Senang bisa menulis lagi kali ini dan semoga bisa bermanfaat untuk kita semua.