Cara menyembunyikan Facebook Fan Page di Blog

Bagi blogger yang mempunyai facebook fanpage sendiri, adalah biasa untuk meletakkan fanpage tersebut di blog. Biasa untuk letakkan di sidebar blog, untuk kali ini admin akan tunjukkan pula cara untuk sembunyikan facebook fan page ditepi blog anda

Langkah - langkah sembunyikan Fb fan page adalah seperti di bawah.

Langkah 1:

i. Dari dashboard > design > edit HTML

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

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

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

cth: 

Note: Jika blog anda sudah mempunyai kode di atas, abaikan langkah 1, langsung saja  ke langkah 2.

iv. Setelah selesai klik Save Template

Langkah 2:

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

ii. Copy dan paste kod 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://synasmedseo.blogspot.com/2012/02/cara-menyembunyikan-facebook-fan-page.html">Tutorial Here</a></span></div></div>

Note: Gantikan dengan "URL PAGE ANDA"

contoh url page:

iii. Save dan lihat hasilnya.:)

Unknown

Add Comment

Tutorial Blog

Minggu, 26 Februari 2012

Terimakasih anda telah membaca artikel tentang Cara menyembunyikan Facebook Fan Page di Blog . Jika ingin menduplikasi artikel ini diharapkan anda untuk mencantumkan link http://synasmedseo.blogspot.com/2012/02/cara-menyembunyikan-facebook-fan-page.html . Terimakasih atas perhatiannya.

Tweet

Synasmedseo Blogger Tips Trik Tutorial Terbaru
Published: 2012-02-26T00:30:00-08:00
Title: Cara menyembunyikan Facebook Fan Page di Blog
Rating: 5 On 22 reviews

Related Articles