Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Widget Like Box Facebook Melayang

Cara Membuat Widget Like Box Facebook Melayang
Ingin mendapatkan jumlah like (suka) halaman facebook blogmu lebih banyak? Ada banyak cara, salah satunya memasang widget like box yang disediakan oleh facebook plugins dengan model melayang (float). Jangan khawatir widget ini akan menganggu pembaca setia blogmu, karena meskipun melayang ada tombol close untuk menghilangkan widget like box itu.

Widget like box facebook jika dipasang di blog, ini untuk mempromosikan halaman facebook. Jika suka dengan blog kita, pembaca tidak akan ragu untuk mengklik like (suka). Sesekali untuk pirode tertentu kita bisa pasang widget like box facebook melayang ini di blog agar like (suka) berjumlah, begitupun dengan kunjungan ke halaman facebook blog kita.

Cara Membuat Widget Like Box Facebook Melayang di Blog
1. Login ke blogger.com
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/kurniaseptadotcom?ref=hl&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</center>
<!-- HTML End -->
<a class='close' href='#'>&times;</a>
</div>

5. Ganti kode yang warna merah dengan URL halaman Facebook kamu.
6. Simpan jika sudah selesai.

Sama seperti mengelola blog, mengelola halaman facebook juga harus kreatif. Ingat, konten adalah raja, jangan hanya memakai halaman facebook untuk memposting feed blog. Berikan informasi yang menarik sesuai dengan tema konten blogmu.

52 komentar untuk "Cara Membuat Widget Like Box Facebook Melayang"

  1. Gan kok punya ane ga keluar ya di box nya tulisan like tuu...coba cek iamthepecundang.blogspot.com
    tlg dong masih belajar nii

    BalasHapus
  2. terima kasih mastah saya coba praktek ya

    BalasHapus
  3. Assalamualaikum wr.wb
    selamat siang para pembaca dan khususnya empunya artikel ini,semoga kita semua selalu berada dalam lindungan dan rahmat tuhan sang maha pencupta.
    Saya ucapkan terimakasih banyak untuk informasi yang anda sajikan ini, informasiny asnagat bagus,aktual,tajam dan terpercaya. saya tunggu informasi-informasi yang lain yang tidak kalah menarik lagi. Semoga Sukses selalu gan
    GOD JOB

    BalasHapus
  4. informasi yang bagus sob,

    BalasHapus
  5. saya suka informasinya sob,

    BalasHapus
  6. Selamat pagi menjelang siang, terimakasih untuk informasi yang anda berikan ini, semoga bisa bermanfaat untuk semua pembaca khususnya saya sendiri. saya kagum dengan agan, bisa menyajikan informasi sebagus ini.
    Saya tunggu informasi berikutnya
    sekali lagi terimakasih

    BalasHapus
  7. kok ga keluar ya di astridonthebusiness.blogspot.com apakah harus ganti theme?

    BalasHapus
  8. wah,, keren,, saya lagi cari ini gan,, makasih infonya

    BalasHapus
  9. hm,, kurnia septa mantab,,, makasih tutorialnya

    BalasHapus
  10. Selamat pagi, salam semangat
    terimakasih untuk informasi yang anda berikan ini, informasi ini sangat bermanfaat unutk semua pembaca khususnya untuk saya sendiri.. sekali lagi saya ucapkan terimakasih banyak. Sayan tunggu lagi informasi yang bagus lainnya.

    BalasHapus
  11. Terimakasih untuk informasi yang sangat bermanfaat ini, artikel yang anda buat ini sangat bagus sekali, tidak saja isinya yang rapih namun isinya juga memuat informasi yang sangat bagus untuk menambah wawasan semua pembaca.
    Selamat sore :)

    BalasHapus
  12. Selamat pagi, terimakasih untuk infiormasi yang sangat bagus ini, informasi ini sangat bagus dan sayang sekali jika tidak dibaca. Bahasa yang di gunakan sangat baik dan lugas,tidak berbelit belit,rapih. Pokoknya ane acungin jempol buat postingan yang ini. Ditunggu lagi ya postingan yang tidak kalah menarik lainnya.
    Sukses selalu buat agan

    BalasHapus
  13. Selamat siang !

    Apakabarnya hari ini ? Mudah-mudahan semuanya dalam keadaan sehat walafiat, amin. Nah, Walaupun cuaca hari ini agak mendung, dan bukan mendung lagi sebenarnya,, tapi udah hujan. :D Semoga tidak menggangu aktivitas kita pada hari ini. syukuri ajah apa yang ada sekarang ini dan tapi kita juga harus terus berusaha untuk menjadi orang yang lebih baik lagi . Pokoknya semakin kedepan itu semakin baik lagii,, amiiin.

    Terimakasih mas sudah mau berbagi dengan kami (para pembaca). Terus posting, lanjutkan semangatnya. saya selalu menunggu postingan berikutnya yang lebih bagus dari postingan kali ini. salam Sukses yah mas ! :)

    BalasHapus
  14. trimakasih banyak atas informasinya semoga bermanfaat bagi kita semua

    BalasHapus
  15. thak's di tunggu info selanjutnya sob,

    BalasHapus
  16. iya gan trimakasih banyak atas informasinya

    BalasHapus
  17. Terimakasih untuk informasi yang anda berikan ini, semoga bermanfaat untuk semua oembaca khususnya bagi saya sendiri yang jujur merasa kagum dengan artikel ini. kira-kira saya bisa gak ya belajar buat artikel sama pengelola blog ini. Gimana sih caranya supaya blog kita jadi blog do follow. Bagus banget deh gan postingannya. I LIKE IT :)
    Sekali lagi terimakasih atas penyampaian infromasi ini

    BalasHapus
  18. mantap betul ini gan.
    sip... maksih gan.

    BalasHapus
  19. Semoga para pembaca artikel ini mendapat manfaat yang luar biasa termasuk saya terimakasih sudah mau berbagi informasi lewat share artikel ini.

    BalasHapus
  20. saya dari Kalimantan mengucapkan trimaksih kepada Aki,
    yang sudah membantu kesusahan saya dengan memberi kan nomor gaib,
    saya sangat bersukur sekali karana nomor yang di berikan 4d itu tembus 100%.
    berkat semua itu saya sudah lunasi hutang2 saya sebanyak 150 juta di BANK BRI.
    dan saya sudah buka usaha berkat menang nomor togel yang di berikan sama KI AGENG
    -JIKA ANDA SERING KALAH DALAM BERMAIN TOGEL...
    .........................
    1. Di Lilit Hutang
    2. Selalu kalah Dalam Bermain Togel
    3. Barang berharga Anda udah Habis Buat Judi Togel
    4. Anda Udah ke mana-mana tapi tidak menghasilkan Solusi yang tepat.
    Dan bantuan yang di berikan Aki bukan hanya Togel tpi Masi banyak Lagi………..
    Untuk dapatkan Bantuan seperti Kami dari KI AGENG Andah harus Gabung
    Dalam buku member Aki,,,!!!!!!
    Dengan cara:,,,,,,
    TLPN: KI AGENG
    DI NOMOR,
    0852-8742-5759
    ATAU BERKUNJUNG DISINI
    www.ramalan-toto.blogspot.com/
    angka gaib yang di berikan Aki tidak perlu diragukan lagi
    saya jamin 100% tembus.soalx saya sudah pernah membuktikan 3x ber turut-turut
    menang.




    +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++




    saya dari Kalimantan mengucapkan trimaksih kepada Aki,
    yang sudah membantu kesusahan saya dengan memberi kan nomor gaib,
    saya sangat bersukur sekali karana nomor yang di berikan 4d itu tembus 100%.
    berkat semua itu saya sudah lunasi hutang2 saya sebanyak 150 juta di BANK BRI.
    dan saya sudah buka usaha berkat menang nomor togel yang di berikan sama KI AGENG
    -JIKA ANDA SERING KALAH DALAM BERMAIN TOGEL...
    .........................
    1. Di Lilit Hutang
    2. Selalu kalah Dalam Bermain Togel
    3. Barang berharga Anda udah Habis Buat Judi Togel
    4. Anda Udah ke mana-mana tapi tidak menghasilkan Solusi yang tepat.
    Dan bantuan yang di berikan Aki bukan hanya Togel tpi Masi banyak Lagi………..
    Untuk dapatkan Bantuan seperti Kami dari KI AGENG Andah harus Gabung
    Dalam buku member Aki,,,!!!!!!
    Dengan cara:,,,,,,
    TLPN: KI AGENG
    DI NOMOR,
    0852-8742-5759
    ATAU BERKUNJUNG DISINI
    www.ramalan-toto.blogspot.com/
    angka gaib yang di berikan Aki tidak perlu diragukan lagi
    saya jamin 100% tembus.soalx saya sudah pernah membuktikan 3x ber turut-turut
    menang.



    +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++



    saya dari Kalimantan mengucapkan trimaksih kepada Aki,
    yang sudah membantu kesusahan saya dengan memberi kan nomor gaib,
    saya sangat bersukur sekali karana nomor yang di berikan 4d itu tembus 100%.
    berkat semua itu saya sudah lunasi hutang2 saya sebanyak 150 juta di BANK BRI.
    dan saya sudah buka usaha berkat menang nomor togel yang di berikan sama KI AGENG
    -JIKA ANDA SERING KALAH DALAM BERMAIN TOGEL...
    .........................
    1. Di Lilit Hutang
    2. Selalu kalah Dalam Bermain Togel
    3. Barang berharga Anda udah Habis Buat Judi Togel
    4. Anda Udah ke mana-mana tapi tidak menghasilkan Solusi yang tepat.
    Dan bantuan yang di berikan Aki bukan hanya Togel tpi Masi banyak Lagi………..
    Untuk dapatkan Bantuan seperti Kami dari KI AGENG Andah harus Gabung
    Dalam buku member Aki,,,!!!!!!
    Dengan cara:,,,,,,
    TLPN: KI AGENG
    DI NOMOR,
    0852-8742-5759
    ATAU BERKUNJUNG DISINI
    www.ramalan-toto.blogspot.com/
    angka gaib yang di berikan Aki tidak perlu diragukan lagi
    saya jamin 100% tembus.soalx saya sudah pernah membuktikan 3x ber turut-turut
    menang.

    BalasHapus
  21. ane coba di blog ane yh gan

    BalasHapus
  22. Saya dari Kalimantan mengucapkan trimaksih kepada Aki,
    Dan saya sangat bersukur sekali karana nomor yang di berikan 4d itu tembus 100%.
    berkat semua itu saya sudah lunasi hutang2 saya sebanyak 150 juta di BANK BRI.
    Dan usaha kami bisa DI buka lagi,semua ini berkat bantuan KI AGENG
    (((APAKAH ANDA TERMASUK DALAM KATEGORI INI)))
    1. Di Lilit Hutang
    2. Selalu kalah Dalam Bermain Togel
    3. Barang berharga Anda udah Habis Buat Judi Togel
    4. Anda Udah ke mana-mana tapi tidak menghasilkan Solusi yang tepat.
    UNTUK DAPAT BANTUAN SEPERTI KAMI HUBUNGI KI AGENG DI
    0852_8742_5759
    ATAU KLIK
    WWW.RAMALAN-TOTO.BLOGSPOT.COM/
    Angka yg di berikan AKI saya jamin 100% tembus
    soalnya saya sudah pernah membuktikannya kini giliran Anda…..




    +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++




    Saya dari Kalimantan mengucapkan trimaksih kepada Aki,
    Dan saya sangat bersukur sekali karana nomor yang di berikan 4d itu tembus 100%.
    berkat semua itu saya sudah lunasi hutang2 saya sebanyak 150 juta di BANK BRI.
    Dan usaha kami bisa DI buka lagi,semua ini berkat bantuan KI AGENG
    (((APAKAH ANDA TERMASUK DALAM KATEGORI INI)))
    1. Di Lilit Hutang
    2. Selalu kalah Dalam Bermain Togel
    3. Barang berharga Anda udah Habis Buat Judi Togel
    4. Anda Udah ke mana-mana tapi tidak menghasilkan Solusi yang tepat.
    UNTUK DAPAT BANTUAN SEPERTI KAMI HUBUNGI KI AGENG DI
    0852_8742_5759
    ATAU KLIK
    WWW.RAMALAN-TOTO.BLOGSPOT.COM/
    Angka yg di berikan AKI saya jamin 100% tembus
    soalnya saya sudah pernah membuktikannya kini giliran Anda…..




    +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++



    Saya dari Kalimantan mengucapkan trimaksih kepada Aki,
    Dan saya sangat bersukur sekali karana nomor yang di berikan 4d itu tembus 100%.
    berkat semua itu saya sudah lunasi hutang2 saya sebanyak 150 juta di BANK BRI.
    Dan usaha kami bisa DI buka lagi,semua ini berkat bantuan KI AGENG
    (((APAKAH ANDA TERMASUK DALAM KATEGORI INI)))
    1. Di Lilit Hutang
    2. Selalu kalah Dalam Bermain Togel
    3. Barang berharga Anda udah Habis Buat Judi Togel
    4. Anda Udah ke mana-mana tapi tidak menghasilkan Solusi yang tepat.
    UNTUK DAPAT BANTUAN SEPERTI KAMI HUBUNGI KI AGENG DI
    0852_8742_5759
    ATAU KLIK
    WWW.RAMALAN-TOTO.BLOGSPOT.COM/
    Angka yg di berikan AKI saya jamin 100% tembus
    soalnya saya sudah pernah membuktikannya kini giliran Anda…..


























    BalasHapus
  23. ane udah buat gan widget like facebooknya, oh ya ditunggu kunbalnya gan:)

    BalasHapus
  24. Di tahun baru ini saya seneng masih bisa baca artikel yang bagus dan menarik menurut saya. ok semoga besok-besok postingannya lebih memberikan artikel lebih berkesan.

    BalasHapus
  25. Selamat beraktivitas semuanya.. ok di sini saya akan menyimak informasi yang anda share. dari hasil simakan saya atas artikel ini dapat di simpulkan bahwa postingan blog ini sangat menarik dan bermanfaat. sungguh hebat.

    BalasHapus
  26. terimakasih untuk anda yang udah posting di sini sangat bagus sajian informasi yang di berikan.

    BalasHapus
  27. informasinya menarik untk di baca, terimakasih Gan....

    BalasHapus
  28. menyimak artikel ini tidak sia-sia itu artinya bahwa share informasinya menarik dan menguntungan pembaca bertambah pengetahuan baru.

    BalasHapus
  29. terimakasih, nice post. sangat bermanfaat sekali, gan. keren..

    BalasHapus
  30. bagus si infonya... tapi kagag keliatan... tapi kalau ditambah facebook.developers gt br mau.

    BalasHapus
  31. Oke gan saya sudah berhasil memasang pop up fb nya,
    thank's atas info nya ya gan

    BalasHapus
  32. Tutorial yang sangat berguna. Terima kasih

    BalasHapus
  33. ,kok pux saya cuma keluar kotak putih gtu gan,.,
    ,mf ya sy bru bljar,jdi bxk gk tw,,.,

    BalasHapus
  34. Tutorialnya Mantap gan :D
    Silahkan Mampir Juga di http://raciikan-jawa.blogspot.com/

    BalasHapus
  35. makasih banyak sob buat tutorialnya sob.

    BalasHapus
  36. kalo buat wordpress gmn? tanpa plugin (secara manual, pke script)?

    BalasHapus

Berlangganan via Email