Home  ·  About  ·  Privacy  ·  Contact  ·  Cbox

Cara Membuat Like Box Facebook Page di Samping Blog


Banyak cara yang dilakukan untuk membuat tampilan Facebook Fan Page jadi lebih menarik, salah satunya dengan menampilkan Fan Page tersembunyi pada samping blog Anda. Tapi sebelumnya jika Anda belum mempunyai Facebook Fan Page, simak terlebih dahulu cara membuat like box facebook page pada blog.

Jika Anda sudah memiliki Facebook Page, langsung saja ikuti langkah berikutnya cara membuat like box facebook page di samping blog berikut ini :

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > letakkan kursor pada area kode HTML.
3. Cari kode </head> dengan menggunakan Ctrl + F.
4. Letakkan kode berikut diatas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
NB: Jika kode tersebut sudah ada pada template Anda, lanjutkan langkah selanjutnya.
5. Simpan template.

Kemudian kita lanjutkan ke langkah selanjutnya yaitu memasang facebook page pada samping blog :

1. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
2. Copy kode berikut ini pada HTML/JavaScript.
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL FACEBOOK PAGE ANDA&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://id-pemula.blogspot.com/">.: Pasang Widget :.</a></span></div></div>
Keterangan :
Ganti tulisan yang berwarna biru dengan URL Facebook Page Anda.
3. Simpan.

Nah, kini tampilan widget blog Anda jadi lebih bervariasi dengan adanya facebook page tersembunyi disamping blog.

69 komentar:

  1. permisi gan, buat agan yang mau pasang LINK EXCHANGE di web nya...
    kunjungi gan web ane http://www.bbmshare.net/ di JOIN jd member gan ntar ane JOIN balik web nya... Thanks gan salam seowalking !!!
    www.bbmshare.net

    ReplyDelete
  2. Kumpulan artikel menarik yang dapat menambah wawasan otak kanan anda => http://sieprizki.blogspot.com

    ReplyDelete
  3. PErsmisi gan, boleh tukar link ga ?
    link blog ini sudah ada diblog saya, bisa lihat disini dibagian sidebar.

    CARA MENGHILANGKAN JERAWAT

    kalau berkenan link blog saya bisa dipasang disini teks Linknya, Terimakasih :)

    TUKAR LINK

    ReplyDelete
  4. permisi gan mau tanya kalo widget di atas mau di tambah dengan follow twitter bisa tidak kalo bisa tolong ajari ya gan

    ReplyDelete
    Replies
    1. silahkan kunjungi ---> http://id-pemula.blogspot.com/2013/11/membuat-tombol-fan-page-dan-follow.html

      Delete
  5. terimakasi infonya sangat bermanfaat

    BERITA HEBOH UNTUK SELURUH PEMBISNIS ONLINE!!!!
    WAJIB DI BACA untuk seluruh Pembisnis Online Yang Ingin Sukses Karirnya Di Bisnis Online!!!!

    selengkapnya kunjungi

    http://goo.gl/Vnrtk

    ReplyDelete
  6. Keren, tp apakah pengaruh jg gak untuk loading blog kita jika like box ditaruh tersembunyi disamping ? Ditunggu kunbalnya gan - www.berwawasan.com

    ReplyDelete
  7. sippp sudah terpasanggg gannn thx

    ReplyDelete
  8. ternyata cuma kelihatannya saja susah, .. hehe thx brohh

    ReplyDelete
  9. Nice Post gan (y)

    http://note-student.blogspot.com

    ReplyDelete
  10. Super Bonus Untuk Member Baru 15% dari STARBOBET(Khusus Sportsbook)
    bergabung di starbobet.com
    minimal deposit 100.000 dan minimal withdraw 50.000
    dapatkan PROMONYA : "DEPOSIT 3X BERTURUT-TURUT DALAM 1 HARI,DAPATKAN BONUS LANGSUNG 20% HARI ITU JG DITAMBAHKAN KE AKUN ANDA," dengan syarat anda melakukan betting dan TO.
    Tunggu apalagi gabung sekarang di www.starbobet.com

    ReplyDelete
  11. Thanks mas artikelnya. sangat bermanfaat. kunjungan balik yah?!

    kajianummat.blogspot.com

    ReplyDelete
  12. Replies
    1. menghemat widget yg tampil pada sidebar.

      Delete
  13. http://iqbalgenerasi.blogspot.com/ wah infonya agan good banget. mampir juga gan

    ReplyDelete
  14. makasih mas bro buat sharenya.. keren dah tutorialnya,, siap dilaksanakan
    agen tiket online
    jasa iklan massal

    ReplyDelete
  15. terimakasih banyak gan infonya bermanfaat dan langsung ane praktekin di iwanacakadut.blogspot.com

    ReplyDelete
  16. thanks!!
    akhirnya jadi juga..:D
    mampir sini juga dong, jgn lupa like ya...^^
    http://anatomytees.blogspot.com

    ReplyDelete
  17. buat nambah ilmu aja....
    Kunjungan Balik di www.bacawebster.com

    ReplyDelete
  18. terima kasih infonya, kira2 loadingnya berat gak gan, salam kenal

    ReplyDelete
  19. thanks infonya,
    Jangan lupa mampir http://g-tech4h.blogspot.com

    ReplyDelete
  20. bakalan gue coba! :D

    mampir juga ya di blog gue http://ngehekal.blogspot.com/

    ReplyDelete
  21. sangat membantu gan kunjung balik ya di alungbejoselawase.blogspot.com

    ReplyDelete
  22. makasih petunjuknya gan..
    saya mau coba dulu di blog

    ReplyDelete
  23. makasih gan informasinya :)
    http://fotocopymurahjakarta.blogspot.com/

    ReplyDelete
  24. kunjungi blog guehttp:// dandyansyah98.blogspot.com

    ReplyDelete
  25. thanks :) akhirnya bisa ^_^ jangan lupa visit.. : http://aceh-blogger1.blogspot.com/

    ReplyDelete
  26. terima kasih artikelnya sangat informatif,,,,, sebagian trik2nya jg sudah saya pakai di http://hanahamimah.blogspot.com/.

    ReplyDelete
  27. Mantep , sangat bermanfaat sekali ...

    ane juga udah pakai,...
    http://freewebster21.blogspot.com/

    ReplyDelete
  28. mantapp mas gann
    berhasill dah ane
    nice tutorial

    www.tvbersama.com

    ReplyDelete
  29. gan masukan url fb'y gmna mkasd'y ?

    ReplyDelete
  30. Nice Post Semoga Bermanfaat
    http://aikawafaith.blogspot.com/

    ReplyDelete
  31. Info Lowongan Kerja Terbaru 2014 >>> http://www.infokerja-terkini.tk/

    ReplyDelete
  32. terima kasih gannn bermanfaat banget...
    silahkan like my blog (sama2 membantu gann

    http://chantryintelex.blogspot.com/

    ReplyDelete
  33. Maaf Gan waktu saya pasang script kok slider di blog saya jadi ilang ya? itu caranya gimana supaya tetep bisa pakai fp fb samping tapi slider gak ilang? mohon bantuannya.

    ReplyDelete
  34. Hasil jadinya seperti apa ga..? Tidak ada penampakannya ya..?

    ReplyDelete
  35. maksih yo mas.. keren jangan lupa tengok blog ane mas. http://arrevash.blogspot.com/

    ReplyDelete
  36. mantap dah artikelnya kawan
    http://ow.ly/FsiaG

    ReplyDelete
  37. Terima kasih infonya...btw blog ini alexa ranknya bagus.

    ReplyDelete
  38. ga muncul tuh di gw ckckck cm ada tersembunyi tp ga nge link

    ReplyDelete
  39. Sebelumnya makasih yah gan, tapi ko punya ane kosongan? ga ada apa2 cuman ada tu widget tersembunyi di samping, ga ada tulisan ato pun bahkan ga ada Fb saya? Butuh solusi gan :) thx

    ReplyDelete
  40. kumpulan artikel anime dan komik yang menarik fantasi anda!!!~_~
    http://animeworldking.blogspot.com/

    ReplyDelete
  41. ijincoba yaa gan.. nice pinfo

    http://goo.gl/0QXY9z - obat kelenajar tiroid

    ReplyDelete
  42. mantab.. terimakasih banyak buat script tutorialnya...

    http://bit.do/2SXk

    ReplyDelete
  43. nah ini dia yang ane cari gan, tengkyu, makasih. : )
    http://www.mistersosiologi.com

    ReplyDelete
  44. trimas kasih bro...
    http://bisnissoleh.blogspot.com

    ReplyDelete
  45. thanks boss..!!! tempat ane jadi :)
    kunbalnya bos.. : http://multimediaskj.blogspot.com/

    ReplyDelete
  46. This comment has been removed by the author.

    ReplyDelete
  47. PEMBESAR ALAT VITAL>>> http://www.zonasuplemen.com/vimax-vimax-pembesar-alat-vital.html

    OBAT ABORSI>>> http://www.cytotecpfiser.com/cytotec-obat-aborsi-usia-1-bulan/
















































    ReplyDelete
  48. Makasih gan...
    Kunbal ya ke blog "berly7segaf.blogspot.com"
    hehehe

    ReplyDelete
  49. Bukannya loading blog jadi berat ya gan?

    www.putuguna.com (Tutorial Android dan Java)
    www.putuguna.tk (Pengalaman blogging pribadi)

    ReplyDelete


  50. SELAMAT DATANG DI WEBSITE KAMI WWW(dot)MEDIAQQ(Dot)COM

    Semuanya hanya ada di MEDIAQQ

    Kami menyediakan 7 jenis permainan ni:
    1. PLAY AduQ
    2. BANDAR POKER
    3. PLAY BANDARQ
    4. CAPSA SUSUN
    5. PLAY DOMINO 99
    6. PLAY POKER
    7. SAKONG

    Untuk masalah deposite dan withdraw kami minimal 15.000 ribu saja.
    Dengan 15.000 ribu saja sudah bisa bermain 7 game tersebut
    dan mencoba hoki masing-masing lo.
    Dan kami akan memproses Deposite dan Withdraw
    cuma dengan waktu kurang dari 5 menit, bagaimana cepat kan bosku.

    MEDIAQQ juga menyediakan layanan live chat 24 jam nonstop.
    Jika bosku mengalami kesulitan dalam mendaftar atau kurang mengerti.
    Anda dapat menghubungi kami melalui livechat,BBM,SKYPE atau pun Facebook.
    Kami akan siap 24 jam bosku untuk melayani anda
    dan mengatasi semua keluhan anda.

    Kami juga mempunyai macem-macem bonus bosku:
    1. BONUS TURN OVER 0.3%
    2. BONUS REFFERAL 20%

    yuk buruan daftarkan diri anda ke website kami di www(Dot)MEDIAQQ(Dot)com


    ReplyDelete
  51. very good article and I am very interested in this article
    raja poker

    ReplyDelete

 
Copyright © . Info Blog Indonesia · Powered by Blogger