Tips Membuat Floating Facebook Like Box Di Blogspot
Tips Membuat Floating Facebook Like Box - Widget melayang Facebook Like Box kali ini
lebih simple dan ringan daripada widget-widget melayang lain yang pernah saya
coba. Menempatkan widget dengan cara disembunyikan atau widget floating/melayang selain
menghemat tempat pada sidebar juga dimaksudkan supaya tidak menghambat
kecepatan loading awal blog pada saat dibuka. Floating Facebook Like Box ini
saya dapatkan saat melancong ke blog tetangga dari Uruguay (jauh sekalee..!) yang
full stylish banget. So mumpung masih fresh mendingan langsung bagi-bagi aja
buat sobat blogger yang mungkin kepingin memasang widget melayang Facebook Like
Box di blognya.
Cara Membuat Widget Melayang Facebook Like Box
1. Sebelumnya anda harus sudah mendaftar dan
mendapatkan kode Facebook Like Box untuk nanti dipasang pada widget.
2.
Login ke dashboard blogger anda.
3.
Pilih Rancangan > Elemen Laman > Add
Gadget (HTML/Javascript).
4.
Copy script widget dibawah ini dan paste pada
gadget.
<style type="text/css">.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje7he-h7EU1LBG9j-Y7Ew3lH4swE_cwtzemu16KCzSMN5-H1z_x5kP3pNBEBJrRapjq2XcdeIdFKEqQq7t6Sa6tgBgisNyE_w8n3XlJPXrhTKbB_MEw8T6p_kp3MFj63xIC3VsGc6vP942/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_g5rz5xcrTGSvBQG2nRPp9xNoGuEJ9SOY4drdEthjwIeLNyHbBo7-lCdP-OPoG7HL6bhe8N2dfzev4cEWsDEQ9QdWz8dVm57yuCixlIFpABEP0i0Pl3usxqujenWcw0FRS2oqb2cE6liw/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}.barcontefacebook{margin:5px 0 0 47px}</style><div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'"><div class="barcontefacebook"><!-- Begin Facebook -->CONTENT FACEBOOK HERE<!-- End Facebook --></div></div>
5. Ganti tulisan CONTENT FACEBOOK HERE dengan kode
Facebook Like Box anda.
6. Jika pada template anda belum terdapat
javascript dari Facebook, maka copy saja javascript dibawah ini dan letakkan
tepat diatas kode </head> pada template supaya widget Facebook Like Box
ini bisa berfungsi.
<script>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
7. Sesuaikan tinggi dan lebar widget supaya sama
dengan ukuran Facebook Like Box yang anda buat sebelumnya melalui Facebook.
8. Save / Simpan.
Well, cukup gampang bukan membuat widget melayang Facebook Like Box ini ? Sekian dulu tips
blogging kali ini, happy nice blogging on Saturday Night !!
bagus banget info nya bro dan akan kucoba di web ku nanti dan salam kenal
BalasHapussidebar aku masih luas om, jadi widgetnya ga perlu di layang2in heuheu :3
BalasHapus@MICO
BalasHapusSalam kenal juga yaah..;)
@bebybugg
Iye tau sidebarmu masih luas beb, mau dipasangin poster film juga masih cukup koq.. :)) =))
keren fan,
BalasHapusaku mau nanya fan, cara nambah gadget pada blog dengan tempalate tampilan persis seperti blog kamu yang ini gimana caranya? soalnya aku baru pertama kali bikin blog..makasih
maksud aku tampilan dinamis seperti ini :)
BalasHapuskren nih jadi kya buku tamu ya sob pake efek show/hide kan,..?
BalasHapusthank sob untuk tutornya tar ane pake ah d blog baru ane
@BLOGCUNAYZ
BalasHapusIya mmg mirip buku tamu pake show/hide, tapi kodenya lebih simple ya..;;) Trims kunjungannya sobat ;)
Nice post sob...
BalasHapussukses terus yah. :D
Cara mendapatkan kode like facebook nya gmn mas? mohon info nya...
BalasHapusTrims infonya gan....
BalasHapussangat bermanfaat.....
ngebuat blog berat nih :0
BalasHapus@sukague.com
BalasHapusMenurut saya widget facebook like ini ringan saja, boleh jadi beratnya karena hosting domain yang anda pakai yang lelet ;))
wah langsung di praktek deh mas
BalasHapusini nie yang saya cari cari baru ketemu nie,kanlangsung ku coba nie gan ,,,,,,,,
BalasHapusterimakasih infonya semoga saja sangat bermanfaat agar tampilan nya lebih bagus dan meyakinkan.
BalasHapusmantap nih widget..keren mas irfan...:)
BalasHapusTips yang bermanfaat gan.
BalasHapuskecepatan blog meneurun sedikit. tapi pengunjung pasti akan tertarik untuk melihat-lihat yg melayang :D
BalasHapuswah keren nih tutorialnya sobat..
BalasHapuskalo ada waktu mampir balik sob
Gan lo boleh tau gmn gan cari code facebook'a new bie gan x(
BalasHapusHy sob,.....
BalasHapusmakasih ya info2nya....
ijin folow blog juga.....
kalau berkenan folback ya...
trims....
Sipp, berhasil dipasang di blog saya, makasih infonya :)
BalasHapussip bro.....!!!!!!!! ane coba dulu bro
BalasHapusminta izin mas ya mas , ilmu mas di pasang di blog saya mas ,sekalian mas nanya mas , gmna cara pasang nya yang melayang tu mas mohon petujuk nya mas ??????
BalasHapusmksd kode facebook tu, id facebooknya ya..??
BalasHapusFacebook like box itu apa ya ?
BalasHapusDi tunggu gan jawabannya. . .
thanks gan untuk tutorialnya, cara daftar untuk mendapatkan kode like Facebooknya bagaimana ?
BalasHapuscara dapetin kode FB nya gamna tuh ??
BalasHapusmasih bingung ???
Bos..ini blog terlalu cantik, over efek akhir nya kurang nyaman. Banyak tulisan yg tertutup...Mohon di koreksi lagi blog nya. Mampir juga ke blog saya bos. http://ronniobanderas.blogspot.com
BalasHapusUntuk publikasi comment aja butuh perjuangan ni bos tertutup burung sialan.
KO G BISA CI GIMANA YAH CARA'NYA
BalasHapuskeren gan..
BalasHapusfollback ya..
http://rexcarnation.blogspot.com
dapetin code like box nya gimana yah,, :D
BalasHapusmakasih infonya gan. berguna sekali.
BalasHapushmmm,,oke juga,,hehe
BalasHapussipp sipp,,
:D
terimakasih infonya nice post blog
BalasHapusbagaimana cara mendaftar like box/hingga sya bisa dapat kode yg dimaksud
BalasHapussaya sudah aplikasikan di blok saya bisa cuma tidak ada foto temen2 yg like halaman saya..trim tolong di bantu gan...
Terima kasih sarannya gan...tolong dong posting juga floating melayang tanpa hidden gan followernya. Thanks, mudah2an cepat diproses.
BalasHapusgan...saya sudah dapt id like box,udah saya terapin tapi kosong g ada gambar foto temen 2 yg like di bantu gan...
BalasHapusom, jadinya kok biru...?,
BalasHapuscoba tengok di o-herba.blogspot.com,
Makasi gan, , berhasil. . .
BalasHapussiiiiip gan
BalasHapusterimakai atas infonya broo
BalasHapusAssalamualaikum ... itu kade Facebook Like Box maksudnya apa ya ? nyarinya dimana ? Thanks before
BalasHapusBro ..
BalasHapusklo conten facebook here nya dpetnya dari mna ??
kasih penjelasan donk
thanks mas bro.....sangat bermanfaat
BalasHapusthanks atas info.x gan
BalasHapusblog saya sepi bro gak ad teman, add blog saya ya bro, baru belajar http://smpn3rambangdangku.blogspot.com/
BalasHapusblognya keren
BalasHapusItu cara daftar dan dapetin kode facebooknya gimana? nggak dijelasin
BalasHapuscara mendftar facebook like box'a cmna tu gan??
BalasHapusoia mmpir" di blog ane juga yaa hehe
thank info nya gan., ane lagi cari2 ini
BalasHapusmakasih infonya salam kenal
BalasHapusmaksudnya kode like box apaan?
BalasHapusmantap bos.tapi syangnya ketika dipraktekan muncul tampiln facebooknya namun sayang g ada gambar likenya.warna biru semua..nih blog buatan saya bos bisa dikoreksi nntinya ya..
BalasHapusmampir ya..baru 3 hari saya buat..hehe
Uda aku coba semua broooww kreeeennn
BalasHapusmaaf mas mw nnya nih, dapatin kode like box nya yg dri facebook gmn ya?
BalasHapusterima kasih atas tutorialnya gan..
BalasHapusmampir balik ya ;)