Cara Menyembunyikan Facebook Fanpage Di Blogspot

Selamat Pagi sobat blogger, selamat hari raya idul adha bagi yang merayakan. Kali ini saya ingin share Cara Menyembunyikan Facebook Fanpage Di Blogspot. Bagi sobat blogger yang mempunyai facebook fanpage sendiri, biasa meletakkan fanpage nya di sidebar di blog, terkadang ini memakan tempat dan membuat loading agak lambat. Supaya tidak membuang tempat sidebar sobat, mending Facebook fanpage nya di sembunyikan saja, dan posisinya ada di sidebar juga.

Lebih Jelas nya Lihat nya : DEMO

Langsung saja berikut caranya :

Langkah 1:

i. Dari dashboard > design > edit HTML

ii. Menggunakan fungsi find, (ctrl + F), cari kod </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'/>


Nota: Jika di template sobat sudah ada kode di atas , 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 :

<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.:)

Share this post