-->
 Home  ·  About  ·  Privacy  ·  Contact  ·  Advertise  ·  Follow

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.

62 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. http://iqbalgenerasi.blogspot.com/ wah infonya agan good banget. mampir juga gan

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

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

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

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

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

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

    ReplyDelete
  19. bakalan gue coba! :D

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

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

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

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

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

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

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

    ReplyDelete
  26. Mantep , sangat bermanfaat sekali ...

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

    ReplyDelete
  27. mantapp mas gann
    berhasill dah ane
    nice tutorial

    www.tvbersama.com

    ReplyDelete
  28. Thanks Gan..... Izin Copas....

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

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

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

    http://chantryintelex.blogspot.com/

    ReplyDelete
  32. 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
  33. Hasil jadinya seperti apa ga..? Tidak ada penampakannya ya..?

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

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

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

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

    ReplyDelete
  38. 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
  39. kumpulan artikel anime dan komik yang menarik fantasi anda!!!~_~
    http://animeworldking.blogspot.com/

    ReplyDelete
  40. ijincoba yaa gan.. nice pinfo

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

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

    http://bit.do/2SXk

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

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

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

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

    ReplyDelete
  46. Bukannya loading blog jadi berat ya gan?

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

    ReplyDelete

 
Copyright © 2013 - . Info Blog Indonesia · Powered by Blogger
Join Us · Facebook · Twitter