Cara Memasang Fans Page FB Tersembunyi

                            Cara Memasang Fans Page FB Tersembunyi                                     
                   
Yang lalu telah saya sampaikan tentang cara membuat fans page melayang, kali ini aku mau share tentang cara membuat atau memasang widget Fans Page FB tersebunyi di samping kanan blog Anda.  Fans page ini akan membuat ruang blog menjadi leluasa karena tersembunyi dan bisa muncul bila di klik. Selain itu juga menjadi variasi di blog Anda.

Lihat contoh langsung  di topyulianto  :

 
Cara Memasangnya :

1. Cara Pertama
a. Buka dasbor blog Anda.
b. Klik template
c. Klik edit template

d. Cari kode kode </head>, agar mudah tekan CTRL + F/F3
e. Copy kode di bawah ini, pastekan tepat di atas </head>

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

 
f. Simpan lihat hasilnya.

2. Cara kedua
a. Pilih klik menu  atau tata letak
b. Klik tambah gadget
c. Pilih  html/javascript
d. Copy kode berikut dan pastekan di html/javascript 



<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=https://www.facebook.com/topyulianto&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://zootodays.blogspot.com/2012/04/cara-memasang-widget-like-fanspage.html">Click this</a></span></div></div>






e. Ganti yang warna merah sesuai URL FB Anda.
f.  Sesuaikan height 330 sesuai kebutuhan di blog Anda.
g. Simpan dan Lihat hasilnya.


Referensi : http://situs9.blogspot.com/
Backlink topyulianto
Copy kode HTML di bawah ini dan pastekan di blog Anda
<a href=" http://topyulianto.com" target="_blank" title="Auto Backlink"><img src=" http://1.bp.blogspot.com/-vMfvfjTGI98/T_LzUN1467I/AAAAAAAAB8M/_GjCe0A3WQA/s379/freebacklink.gif
" border="0" alt="Auto Backlink"></a>
Silahkan Tinggalkan Komentar Anda :