Cara Membuat Like Facebook Tersembunyi Di Samping Blog

Cara Membuat Like Facebook Tersembunyi Di Samping Blog - Cara Membuat Like Facebook Tersembunyi Di Samping Blog - Berikut Ini Adalah Cara Membuat Like Facebook Tersembunyi Di Samping Blog. Cara ini bisa sobat terapkan saat widget yang sobat pasang diblog sobat terlalu banyak. Widget ini tidak cuma untuk memasang Like FansPage Facebook tersembunyi saja, tetapi juga bisa sebagai penghias blog sobat.
Berikut Ini Adalah Contohnya: 



 

Anda juga boleh tengok contoh page yang diletakkan di tepi dalam blog di blog demo ini.
Tutorial sembunyikan Fb fan page adalah seperti di bawah.

Langkah 1:

i. Dari dashboard > design > edit HTML

ii. Menggunakan fungsi find, (ctrl + F), cari kode </head>

iii. Copy dan paste kode di bawah SEBELUM kode</head>

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

cth:


Nota: Jika anda dapati kode di atas sudah ada sebelum anda copy paste, abaikan langkah 1, pergi terus ke langkah 2.

iv. Selepas selesai klik Save Template





Langkah 2:

i. Dari dashboard > design > page element > add a gadget > HTML/javascript

ii. Copy dan paste kode di bawah dalam ruangan HTML/javascript yang anda telah buka

<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&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>

Nota: Gantikan "URL PAGE ANDA"

contoh url page:


iii. Save dan lihat hasilnya.:)