Beranda » Blogger » Pasang Floating / fan page facebook geser

Pasang Floating / fan page facebook geser

Liat Blog tetangga kug bisa geser ea fan pagenya...langsung googling,akhirnya nemu juga...ternyata namanya Floating to...

Untuksobat blogger yang sudah punya halaman fan page pada facebook dan ingin memasang widget floating fan page facebook pada blog, silakan ikuti langkah-langkahnya di bawah ini :

Langkah 1
1. Silahkan Login ke Blogger
2. Klik Template

3. EDIT HTML (Jangan Lupa Cadangkan/Backup template sobat dulu buat jaga-jaga) 4. Jangan lupa centang Expand Template Widget

5. Cari kode ]]></b:skin> (agar lebih mudah gunakan jalan pintas Ctrl + F)

6. Kemudian Copy kan Kode Berikut Tepat di Bawah Kode ]]></b:skin>

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

7. Jangan Lupa Save Template

8. Lanjut Langkah ke 2

Langkah 2

1. Klik Tata Letak -> Add Gedget
2. Pilih HTML/Java Script (tekan tanda +)

3. Copy Pastekan Kode di Bawah ini Pada Kolom HTML

<script type="text/javascript"> /*<![CDATA[*/ 
jQuery(document).ready(function() {jQuery(".likebox").hover(function() 
{jQuery(this).stop().animate({right: "0"}, "medium");}, function() 
{jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); 
/*]]>*/ </script> <style type="text/css"> 
.likebox{background: 
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkbnUTSdNsW8ScGNv_7ISYnQsORh2YeKzmHORJ3F-hY8dgOgr3Zv5Tpku8Ei2P4L3Hvi4B0dZWQO_1O7PvBwTuOYFMddlA-18AkcELcHEPYLniQHXzbMySAkGYM4qi0GOvAZE9kerU7vnw/s1600/fb.png")
 no-repeat scroll left top transparent !important;display: block;float: 
right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 
99999;position:fixed; right:-250px;top:44%;} .likebox 
div{border:none;position:relative;display:block;} .likebox span{bottom: 
12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position:
 absolute;right: 7px;text-align: right;z-index: 99999;} .likebox span 
a{color: gray;text-decoration:none;} .likebox span 
a:hover{text-decoration:underline;} </style> <div 
class="likebox" style=""> <div> <iframe 
src="http://www.facebook.com/plugins/likebox.php?href=<b style="color: blue;">http://www.facebook.com/Psikologi.online</b>&amp;width=240&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=258"

 scrolling="no" frameborder="0" scrolling="no" style="border: medium 
none; overflow: hidden; height: 258px; width: 
245px;background:#fff;"></iframe> </div> </div>

Keterangan
*kode (http://www.facebook.com/Psikologi.online)
ganti denga URL Fans Page sobat.

4. Jangan lupa Save Setelan
5. Liat perubahan pada blog anda

Semoga artikel Pasang Floating / fan page facebook geser dapat menambah wawasan Anda.Silahkan menyebar luaskan artikel ini, dengan meletakkan link dibawah ini sebagai sumbernya. <a href="https://ery-erdo.blogspot.com/2012/05/pasang-floating-fan-page-facebook-geser.html" target="_blank">Pasang Floating / fan page facebook geser</a>

LANGGANAN ARTIKEL

GET UPDATE VIA EMAIL

Berlangganan artikel via email!

Belum ada tanggapan untuk "Pasang Floating / fan page facebook geser"

Post a Comment