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

Tweet

Artikel terkait: