Cara Membuat Fanspage Tersembunyi Di Blog - Untuk
blogger yang mempunyai fanpage di facebook , anda bisa menaruhnya di
blog anda masing – masing kalau postingan sebelumnya saya membahas
bagaimana cara membuat fanpage di facebook dan cara menaruh fanpage di
blog kali ini saya akan membahas mengenai cara menyembunyikan fanpage di
sebelah kiri blog ,oke langsung saja ini tutorialnya :
Langkah Pertama :
1. Dari Template >
2. Pilih Edit HTML
3. Silahkan
save dulu template tersebut, ini di maksudkan untuk mengurangi resiko
apabila terjadi kesalahan ketika melakukan editting pada template, kita
masih punya back up data untuk mengembalikannya seperti semula
4. Menggunakan fungsi find, (ctrl + F), cari kode </head>
5. 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'/>
Contoh :
6. Klik save templates
7. Langkah Berikutnya :
8. Dari Dasbor > Rancangan > Elemen Laman > Tambah Gadget > HTML/javascript
9. 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&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://label-tutorial.blogspot.com/2011/10/tutorial-sembunyikan-fb-fan-page-di.html">Tutorial
Here</a></span></div></div>
Catatan : Ganti tulisan yang berwarna merah “URL PAGE ANDA” dengan alamat url fanpage anda
contoh url page:
www.facebook.com/SahabatPulpen
3. Simpan dan lihat langsung hasilnya
Title : Cara Membuat Fanspage Tersembunyi Di Blog
Description : Cara Membuat Fanspage Tersembunyi Di Blog - Untuk blogger yang mempunyai fanpage di facebook , anda bisa menaruhnya di blog anda masin...