kodok pinter ngeblog

25 January 2012

Cara sembunyikan Facebook Fan Page diblog

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



Anda juga boleh tengok contoh page yang diletakkan di tepi dalam blog di blog saya ini.

Tutorial sembunyikan Fb fan page adalah seperti di bawah.

Langkah 1:


1. Dari dashboard > design > edit HTML
2. Menggunakan fungsi find, (ctrl + F), cari kode
3. Copy dan paste kode berikut ini SEBELUM kode </head>

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

4. Selepas selesai klik Save Template


Langkah 2:

1.Dari dashboard > design > page element > add a gadget > HTML/javascript
2.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://kodokpinter.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://kodokpinter.blogspot.com/2012/01/cara-sembunyikan-facebook-fan-page.html">Tutorial Here</a></span></div></div>

Catatan: Gantikan "URL PAGE ANDA"

3 comments: