Hai sobat kemarin saya bingung caranya memasang widget Facebook Floting pada blog setelah saya tanya kemana-mana, saya tanya Facebook dan akhirnya dapat juga Tutorial Cara Memasang Floating Fan Page Facebook Pada Blog, nah kali ini saya aka mebagikan kepada sobat-sobat sekalian.
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 Blog sobat
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
Langakh 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/AVvXsEgMwAiM0UkMB7tlB0KLNSXDWPwgNRV1_1XBkJ9Pmm9wgrVF9k2E04ZzCbMIWAtgmRoODl07gN2zf1UzD9arMvkdkqRBUroYJRcDz5fUaH6YJnHqhY4sHodqxOD5RIxBuoB9LBg8P84L0NIN/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=http://www.facebook.com/Denboblogspot&width=240&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&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 warna biru (http://www.facebook.com/Denboblogspot)
ganti denga URL Fans Page sobat.
4. Jangan lupa Save Setelan
5. Silahkan menikmati Perubahan pada blog anda
Mungkin itu saja yang bisa saya sampaikan, semoga bisa membantu
NB : Boleh disebarluaskan asalkan mencantumkan
Tutorial Cara Memasang Floating Fan Page Facebook Pada Blog
Referensi
http://agungtalaga.blogspot.com/2012/04/memasang-floating-fan-page-facebook.html
11 komentar on Tutorial Cara Memasang Floating Fans Page Facebook Pada Blog :
Saya komen aja disini ya sob, saya sdh join balik blog ini and makasih sebelumnya sdh join my blog. Happy bloging aja deh...
Makasi info'nya sob,saya akan coba dan skalian mau konfirmasi follow sukses..,,follback ya sob. salam kenal
@agung : okey, Maksih gan atas kunjungannya...
@Robby : Mkasih atas kunjungannya gan, selamat menciba,, alamat blog sobat apa??
tips yang menarik,, nice post...
jangan lupa makan siang kawan...
Blogwalking sambil mengundang rekan blogger
Kumpul di Lounge Event Tempat Makan Favorit
Salam Bahagia
okey maksih gan
di tunggu Follbacknya ya,,,,
@Aully alamat nya saya tidak tau, tolong dikasih alamatnya.
kalau membuat like FB deNgan timer gmana gan????
@Hendrik : followed sukses gan, terimakasih kunjungannya
@kebaya : silahkan msk sini gan/wati http://denbo-1.blogspot.com/2012/05/tutorial-cara-memasang-facebook-fsn.html
oh... gini ya caranya, makasih om admin!
@Djiesoft: Okey gan, terimaksih telah berkunjung.
Post a Comment and Don't Spam!