sembunyikan fb fan page di blog
2:55:00 AM
ok kali nie aku nak buat tutorial untuk sembunyikan fb fan page kt 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 aku akan tunjukkan pula cara untuk sembunyikan facebook fan page ditepi blog korang.
Bagi blogger yang mempunyai facebook fanpage sendiri, adalah biasa untuk meletakkan fanpage tersebut di blog. Biasa untuk letakkan di sidebar blog, untuk kali ini aku akan tunjukkan pula cara untuk sembunyikan facebook fan page ditepi blog korang.
Tutorial 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'/>
Nota: kalau kod di atas sudah ada sebelum korang 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 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&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://tutorialuntukblog.blogspot.com/2011/10/tutorial-sembunyikan-fb-fan-page-di.html">Tutorial Here</a></span></div></div>
Nota: Gantikan "URL PAGE ANDA" dengan url blog korang
iii. Save dan lihat hasilnya.:)..selamat mencuba..
