cara menyembunyikan fanpage di samping kiri blog

Salam Pembaca Blog di label tutorial 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 Dasbor > Rancangan > Edit HTML


2. 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


3. Beri tanda centang pada kotak di samping tulisan Expand Template Widget ,


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&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://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:







3. Simpan dan lihat langsung hasilnya  


sekian tutorial ini ,semoga bermanfaat bagi pembaca label tutorial blog.Terima kasih telah membaca.

Salam pembaca label tutorial blog !!