INGIN TAMBAH PENGHASILAN ANDA? KLIK SAJA IKLAN DISINI

Cara Membuat Fan Page Facebook Auto Hide di blog


Kali ini saya akan share bagaimana cara membuat/memasang widget FansPage Facebook tersembunyi di samping kanan blog. Hal ini patut anda lakukan jika blog anda sudah banyak memuat widget-widget dan anda pun sudah tidak tahu lagi ingin memasang/menaruh widget FansPage Facebook ini. Widget ini tidak cuma untuk memasang Like FansPage Facebook tersembunyi saja, tetapi juga bisa sebagai penghias blog anda.
Perhatikan pratinja berikut.


1).Silahkan Sobat Login atau Masuk ke akun Blogger terlebih dahulu.

2).Setelah anda berada di dasbor pilih tamplate

3).Pilih Edit Template.

4).Jika ada pesan seperti ini :

Langsung mengedit HTML dapat memengaruhi cara kerja fitur dan hanya direkomendasikan untuk pengguna tingkat lanjut. Mengedit template HTML secara tak terduga dapat memengaruhi fitur Blogger lainnya. Kami merekomendasikan menggunakan Perancang Template terlebih dahulu, di mana Anda dapat Tambahkan CSS di bawah bagian Lanjutan.
Pilih Lanjutkan.

5).Kemudian centang Expand Template Widget.

Terus cari kode </head> agar memudahkan pencarian anda tinggal tekan Ctrl + F  atau F3
Copykan kode berikut di atas kode </head> tadi.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
Setelah itu klik Save atau Simpan.

5).Pilih menu Layout atau Tata Letak.

6).Setelah itu klik Add a Gadget atau Tambah Gadget.

7).Kemudian pilih elemen HTML/JavaScript.
Masukkan kode berikut.

<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 FansPage&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://shootsoul.blogspot.com/2012/10/cara-memasang-widget-fanspage-facebook.html">Get Widget</a></span></div></div>

Ganti Tulisan "URL FansPage" dengan URL halaman atau FansPage anda.
8).Terakhir Klik Save atau Simpan.

Selesai.

0 komentar:

Poskan Komentar

 

DanK-Elmoer.G.T Copyright © 2011-2012 | Powered by Blogger