AF Sahabat ArtikelCara Memasang Like Box Facebook Melayang di Blog. Baiklah karena banyak sahabat yang request gmana si cara Membuat Facebook LikeBox bisa melayang di blog ?  Kali ini saya akan sharing cara memasangnya di blog. Sangat pas sekali bagi sobat yang keabisan lapak widget diblognya dan bingung mau taro dimana lagi,  memasangnya secara floating dan akan turun jika croll mouse ke bawah dan enaknya ada tombol closenya.  Kalo belum tau apa itu Likebox yang melayang bisa lihat screenshotnya dibawah ini :

Syaratnya kita sudah punya halaman fanpage facebook, lalu Ambil kode Script Likebox yang sudah disesuaikan dengan blognya. Bagi yang belum punya fanpage facebook monggo silahkan dibuat dulu, mudah ko. Y blm tau cara membuat likebox lihat tutorialnya di : Cara Membuat dan Memasang Facebook Likebox di Blog. Jika semua senjata sudah siap, ayoo sekarang kita menuju TKP praktekin bareng2 :
1. Pertama Login Seperti biasa ke akun blognya masing2
2. Pada halaman Dashboard blog pilih >> Tata Letak >> Lalu Klik Add a Gadget atau Tambah Gadget !!!
3. Scroll ke bawah sedikit >> Lalu pilih Widget HTML/Javascript 
4. Jika sudah Copy Kode di Bawah ini dan Paste di dalam Widget kolom HTML/Javascript !!!

Copy Code Script Ini !!:
<!-- Script kotak like Facebook Melayang mrrainboow-xp -->
<style type="text/css">
#topbar{
position:absolute;
padding-left:260px;
background-color: transparancy;
width: 300px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="topbar">
<table border="1" bgcolor="FFFFFF">
<tr>
<td>
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipGKkyQGb9UmoEqJPrep8eR5Kk4ejnBbV_kUzzjM-gy2xHNOifXFWkV7obpGleKw9XnzLXWInZ8mTGgAUdsrob_N4cOIq0e2tIO5yd8dLJi4O2OCJ5cRkwrnYBRZ_QQ1T8bftfwNbo0HWM/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;">

Kode Script Facebook Likebox Here !!!

</div>
</center></td>
</tr>
</table>
</div>
<!-- End Like Fan Page Melayang MrRainboow-xp -->
5. Save !! Lihat Hasilnya
NB : Ingat Ganti Kode merah "Kode Script Facebook Likebox Here !!!" dengan kode script yang sudah diambil dari fanpage facebook yang sudah dibuat sebelumnya .

Semoga bermanfaat !!!

54 komentar:

  1. Nah ini yg aku cari mas, seeep, pas bangetz, makasih ya!

    ReplyDelete
  2. makasih tutorialnya mas, sip banget!

    ReplyDelete
  3. thanks info sob :D
    kerenn banget !!
    boleh minta tolong sob , revew blog saya apakah sudah panyas ikut seo ?


    http://cacawidiyandika.blogspot.com/2013/01/mau-bikin-website-hosting-murah-abizz_16.html

    saya masih pemula sob, tolong bantuannya :D

    ReplyDelete
  4. makasih banyak yah..

    ReplyDelete
  5. pengen nyoba tapi btw ini munculnya hanya sekali atau berkali-kali ya setiap kali buka halaman baru blog..

    terima kasih

    ReplyDelete
  6. makasih sob atas tutorialx.......
    sob menurut mu blog ku kurang apax tolong chek ini:
    http://laksanacyber.blogspot.com

    ReplyDelete
  7. mampir juga keblog kumuh saya pak > http://rizkyseo.blogspot.com

    ReplyDelete
  8. infonya mantap banget Pa, jadi kalo mau buat widget kayak gitu saya harus buat dulu fanpage-nya ya, oke deh. Siap meluncur. O iya, kalau ada waktu ditunggu singgahnya di blog saya http://www.jordankurniawan.blogspot.com

    ReplyDelete
  9. mantab gan.. ane sedot neh gan.. Thanx ilmunya gan..

    ReplyDelete
  10. Terima kasih banyak, alhamdulillah sukses dipasang di blog baleatikan.blogspot.com

    ReplyDelete
  11. wah semakin mantep aja gan, lumayan, nambah menarik blog saya

    ReplyDelete
  12. mudah untuk di terapkan nih sepertinya. thanks ya. regards.

    ReplyDelete
  13. wah... websitenya bagus, kapan2 mau buat kaya websitenya, makasih ya konten2nya..

    kunjungi blog ane ya :
    http://tempatbelajarvb.blogspot.com

    ReplyDelete
  14. Tereimakasihh artikelnya bermanfaat :)
    kunjungi juga w w w. siibagus.blogspot.c o m

    ReplyDelete
  15. nice artikel gan ,,, sedoott ... :)

    mampir" ya di blog ane
    http://reankjawara.blogspot.com

    ReplyDelete
  16. sipp mas ,,, mampir di blog ane ye
    http://ersysee.blogspot.com/

    ReplyDelete
  17. bang kok gak bisa muncul like box nya ?
    padahal aku juga udah buat facebook fanpage nya !!

    Hackerparkour.blogspot.com

    ReplyDelete
  18. @Alfian Ntuw El Nino script fanpage'a udah ditaro di dlm script melayang blom ?
    coba lagi

    ReplyDelete
  19. http://www.errorcrew.com/

    ReplyDelete
  20. @Aby Farhan
    udah bang, tapi kok gak muncul like box melayangnya :(

    ReplyDelete
  21. @Alfian Ntuw El Nino mungkin ada 2 kemungkinan :
    1. pemasangan dr awal ada Y trlewat script'a
    2. di blog ada script melayang juga/ byk iklan Y floating

    ReplyDelete
  22. Kok punya aku melayang nya di samping?

    ReplyDelete
  23. @Max Noor Arifani Padding-left sama width nya di sesuaikan sama posisi template blognya

    ReplyDelete
  24. kok aku yang muncul cuma tombol close?

    ReplyDelete
  25. Terimakasih.. Sudah di coba n it's work ^_^

    ReplyDelete
  26. kok yang muncul cuma tanda close?
    gimana nih??

    ReplyDelete
  27. bang script fans page nya yg harus dimasukkan yg mana

    ReplyDelete
  28. @Adam Pratama Code script Facebook Y buat ditemplate blog blm dipasang baru script fanpage doank jd blm muncul biasanya

    ReplyDelete
  29. @Ayunda Aura Kode script fb Y satu lg blm dipasang di template jd blm nongol
    saya buat tutorialnya sabar

    ReplyDelete
  30. @Islach Annasa'i sama jawabannya kaya Y diatas, ok saya buat tutorial cara pemasangannya biar berhasil ok
    ditunggu ok

    ReplyDelete
  31. @Alfrandhy dharwisi dua2nya biar berhasil
    saya buat tutornya nanti sabar ok

    ReplyDelete
  32. Terimakasih, infonya sangat bermanfaat
    komputerbox

    ReplyDelete
  33. oh ya bang udaah jadi blom tutorial untuk maaasang like bix melayangnya soanya di saya cuma muncul box melayangnya aja isinya kosong jadi cuman melayang saja

    ReplyDelete
  34. okke mas... infonya bermanfaat bagi sesama...thanks

    ReplyDelete
  35. makasih banyak infonya
    sudah saya terapkan dan berhasil

    berkujung ya
    www.michanarchy.blogspot.com
    trims

    ReplyDelete
  36. Thanks gan infonya... Percobaannya sukses. ^_^
    Salam blogger

    ReplyDelete
  37. thanks tutornya saya mw praktikkan dlu

    ReplyDelete
  38. Matur teng yuuu mas brooo... berhasil

    ReplyDelete
  39. terima kasih. ilmunya bermanfaat, pahalanya akan mengalir terus. Insya Alloh Aamiin. Klik "Like" balik ya. Makasih sebelumnya

    ReplyDelete
  40. Muantap gan.. ini yang dibutuhkan nih.. (y)

    ReplyDelete

Terima Kasih atas kunjungan dan komentarnya pada Blog ini. Thanks atas setiap Komentar, Masukkan, Saran, dan Kritik Y dapat membangun blog ini agar lebih baik lagi kedepannya. Berkomentarlah sesuai dengan Isi Bahasan Artikel. Mohon dengan Sangat Kepada Sobat-sobat untuk tidak berkomentar Y berbau unsur:
- Sara
- Pornografi
- No Spam !!! [Komentar menyertakan link aktif akan otomatis terdelete]
Terima Kasih atas Kunjungannya Sobat,,
Salam Sukses dari AF Sahabat Artikel

 
Top