Tutorial Letak Facebook Like Badge Masa Blog Dibuka

Posted on 8:29:00 PM by  with 116 comments
Facebook dan blogger adalah kombinasi yang agak bagus. Dengan adanya facebook page, blogger dapat berinteraksi dengan pengunjung. Salah satu penggunaan yang cool adalah dengan meletakkan facebook like badge semasa blog anda dibuka.

Secara tidak langsung dapat menggalakkan pengunjung blog anda untuk pada masa yang sama 'like' pada page anda.

Contoh seperti dibawah

Anda juga boleh melihat demo di test blog ini.

Tutorial letak facebook like badge semasa blog dibuka seperti dibawah.

1. Dari dashboard > design > edit HTML

2. Backup template blog sebagai langkah berjaga²

3. Dengan menggunakan fungsi find (ctrl + F), cari kod <body>
3.1 Jika anda tidak jumpa code <body>, cari kod ini
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

4. Copy dan paste code di bawah selepas kod yang anda jumpa di langkah 3 atau 3.1
<!-- KakiNetwork.Com Likebox Pro FBFan Code Start -->
<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='OhBest'
//]]>
</script>
<link href='http://kakinetwork.com/sources/fbfans-pro/kakinetwork.css' rel='stylesheet' type='text/css'/>
<script src='https://sites.google.com/site/unwanted86/javascript/jquery.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='https://sites.google.com/site/unwanted86/javascript/kakinetwork.js' type='text/javascript'/>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){
$().KNFBFansPRO({
timeout: 15,
wait: 0,
url: 'http://www.facebook.com/OhBest',
closeable: true,
});
});
//]]>
</script>
<div id='fbtpdiv'/>
<!-- KakiNetwork.Com Likebox Pro FBFan Code End -->


Contoh:




NOTA:
i) Gantikan 'OhBest' pada row KNFBFansPRO='OhBest' dengan nama yang anda mahu.
ii)Gantikan '15' pada row 'timeout: 15,' dengan masa paparan yang anda mahu semasa blog dibuka
iii) Gantikan dengan url page anda pada row url: 'http://www.facebook.com/OhBest',

5. Save dah lihat hasilnya.:)


Kredit: Terima kasih kepada kakinetwork.com untuk code yang sungguh cool ini.

116 comments:

  1. Blog SensasiDecember 6, 2011 at 11:15 PM

    nape kami buat x nak kuar fan page kami ek?fan page x dikenali katanya

    ReplyDelete
  2. UnknownDecember 7, 2011 at 12:09 AM

    tak dpt lah...huhuhu

    ReplyDelete
  3. HasakaDecember 7, 2011 at 12:22 AM

    saya buat tapi x keluar2 pun...

    ReplyDelete
  4. Miss FSDecember 7, 2011 at 1:56 AM

    BERJAYA ! thanks :)

    ReplyDelete
  5. EmmaDecember 7, 2011 at 9:45 AM

    tak jadi punnn

    ReplyDelete
  6. nurul atiraDecember 7, 2011 at 10:45 AM

    x jadi pungggg...

    ReplyDelete
  7. N A D heerah ♥December 7, 2011 at 12:17 PM

    gud ;) blog ~ sempurna ~

    ReplyDelete
  8. AnonymousDecember 8, 2011 at 2:13 PM

    xleh pon..=[

    ReplyDelete
  9. AnonymousDecember 8, 2011 at 2:31 PM

    jadi dh..huhu

    ReplyDelete
  10. afiq nasirDecember 8, 2011 at 3:49 PM

    yang takleh tu bab....korang da like page korang...

    ReplyDelete
  11. Nor Aireen Abd RahimDecember 8, 2011 at 9:46 PM

    Xjadi pun. Nape ekk?

    ReplyDelete
  12. Ikan bilisDecember 9, 2011 at 10:12 AM

    xde yang berjaya lagi?

    ReplyDelete
  13. FazElixierDecember 9, 2011 at 3:02 PM

    nahhhhhh...xjd.. :(

    ReplyDelete
  14. Deneil WatsonDecember 10, 2011 at 10:24 PM

    tak jadi la.. coding dah masuk betul ni.. rasenya sbb template blog sy kot.. jadi code ni xsemua blog bleh msuk ke?

    ReplyDelete
  15. Muhd. AfifDecember 11, 2011 at 12:42 AM

    WHOAH, JADIK :D

    ReplyDelete
  16. Programming TutorialDecember 13, 2011 at 12:51 PM

    Very nice and simple tutorial.
    keep it up..

    visit Programming Tutorial
    http://anurag-tutorial.blogspot.com

    thanks

    ReplyDelete
  17. paihujeyDecember 14, 2011 at 7:30 AM

    kalau nak masuk guna wordpress camne plak?ke sama je?

    ReplyDelete
  18. DemuhDecember 15, 2011 at 3:07 PM

    Terimakasih dah kasih info..

    ReplyDelete
  19. sarah mohamadDecember 16, 2011 at 9:25 AM

    Kalau nak buatkan gambar supaya ngam ngam dengan post kita macam mana? Sorry, tanya dekat sini sebab takde tempat pertanyaan. HEHE Kalau tanya dekat shoutmix takut tak sedar pulak :D

    ReplyDelete
  20. Lucky HackersDecember 21, 2011 at 12:02 PM

    sma g bsa jga g kluar tu PAGE !

    ReplyDelete
  21. CheguSTALLDecember 23, 2011 at 4:49 AM

    x jadi jugak...

    ReplyDelete
  22. UnknownDecember 23, 2011 at 5:22 PM

    comey..

    ReplyDelete
  23. UnknownDecember 23, 2011 at 5:39 PM

    tiba2 error lak

    ReplyDelete
  24. DEE 1A December 30, 2011 at 1:12 AM

    haha bagus ...sangat jadi nak edit la script ne...bagi power lagi

    ReplyDelete
  25. UnknownDecember 31, 2011 at 2:05 AM

    tak jadik

    ReplyDelete
  26. Malyhah EynaDecember 31, 2011 at 9:57 PM

    nice...m'jdi dh

    ReplyDelete
  27. FazElixierJanuary 3, 2012 at 10:51 AM

    xdptttttt...... xjdik... so sad.. ;(

    ReplyDelete
  28. Rahsia Bayi Pandai BacaJanuary 5, 2012 at 5:26 PM

    Nak try la.....:)

    ReplyDelete
  29. fariQuEJanuary 6, 2012 at 1:43 AM

    x jadi pon ?? :(

    ReplyDelete
  30. KhidhirJanuary 8, 2012 at 1:14 AM

    dulu guna ok. pastu script tu rasanya ada prob sikit sbb delay dia mcam x fungsi n x detect cookies. so popup tu still appear walaupun user lama.
    Kalau da ok smula g tau ye..

    ReplyDelete
  31. AnonymousJanuary 8, 2012 at 1:49 PM

    xjadi...page not found kate nye...


    visit:
    http://generasi-mp3.blogspot.com

    ReplyDelete
  32. AnonymousJanuary 8, 2012 at 1:55 PM

    oahhh....dah jadi dah...kene ubah ckit la...hmmmm...but,thanks....
    cuma xda time out la...asyik tunggu saat je...huhu

    visit:
    http://generasi-mp3.blogspot.com

    ReplyDelete
  33. HasakaJanuary 8, 2012 at 8:13 PM

    jadi...tp yg dah like pn kena tnggu jgak en?

    ReplyDelete
  34. bro-uderJanuary 10, 2012 at 11:47 PM

    x jadi la.. dia x masuk kat group aku... cam ne nak buat eh~~

    ReplyDelete
  35. Ima HamdanJanuary 15, 2012 at 5:01 PM

    berjaya ! thanks :)

    ReplyDelete
  36. student who wants free act sat ged test prepJanuary 23, 2012 at 9:22 AM

    Excellent post! Thanks for sharing.

    ReplyDelete
  37. best act test prep classes in ohioJanuary 23, 2012 at 9:24 AM

    Very helpful! Thanks.

    ReplyDelete
  38. AnonymousJanuary 26, 2012 at 10:02 PM

    tq.. sangat2..

    ReplyDelete
  39. AnonymousJanuary 31, 2012 at 10:56 AM

    code yg dicari tidak dijumpai. mcm mne eak..?

    ReplyDelete
  40. Kak Nam Kepoh!!January 31, 2012 at 5:18 PM

    kenapa kak nam buat x jadi?tolg bagi sebab...

    ReplyDelete
  41. Ally FaisyaFebruary 5, 2012 at 8:32 AM

    tq.. :3

    ReplyDelete
  42. UnknownFebruary 6, 2012 at 10:55 PM

    blognya kakak yang paling lengkap the best

    jendela-langit.blogspot.com

    ReplyDelete
  43. UnknownFebruary 17, 2012 at 1:31 AM

    kalau nak jadi koran kena guna template lama bru jadi caranya adalah

    1)Dashboard
    2)Design
    3)Revert to Classic Template
    4)Save

    dan ikut langkah ni

    1. Dari dashboard > design > edit HTML
    2. Backup template blog sebagai langkah berjaga²
    3. Dengan menggunakan fungsi find (ctrl + F), cari kod body


    4. Copy dan paste code di bawah selepas kod yang anda jumpa di langkah 3 atau 3.1
    (Letak code yang diberi diatas)
    SAVE DAN SIAPPP!!

    Jika berjaya aku nak korang post blog aku disetiap halaman utama blog korang

    taboocollection.blogspot.com

    ReplyDelete
  44. Bloggerkini.comFebruary 18, 2012 at 11:21 PM

    Sesiapa yg tak berjaya buat tutorial atas ni, bleh try tutorial yg sy buat.

    copy link bawah ni, paste kat new tab browser anda.
    http://www.bloggerkini.com/2012/02/facebook-like-box-on-start-page.html

    ini bukan spam, sy cuma nak bantu rakan2 yg tak berjaya.
    Terima kasih.

    ReplyDelete
  45. bappyMarch 9, 2012 at 1:08 AM

    wow nice post i like it thns bro

    ReplyDelete
  46. farah hidayahMarch 26, 2012 at 4:09 PM

    berjaya dah...thaks...

    ReplyDelete
  47. Dzikra FathinApril 1, 2012 at 2:47 PM

    GAK BISA!

    ReplyDelete
  48. Ummu Kalsum SabriApril 7, 2012 at 8:16 PM

    artikel yg pling bermnfaat bnget... BTW sumbernya di mana ? Sorry nih yeaa klau kta2 q ngesinnggung..

    ReplyDelete
  49. shamhanApril 11, 2012 at 9:14 AM

    berjaya sudah tq

    ReplyDelete
  50. my lifeApril 13, 2012 at 12:55 PM

    bagus sangat toterial awak ni mudah paham skali dgn contohnya

    ReplyDelete
  51. AnnaMay 3, 2012 at 3:43 AM

    TAK JADI !!!!!!

    ReplyDelete
  52. nishaasallehMay 11, 2012 at 12:07 PM

    kalau untuk blogskin macam mane pulak yew :))

    ReplyDelete
  53. Foto Bugil artis dunia 2012May 21, 2012 at 12:01 AM

    ok

    ReplyDelete
  54. Idec Wedding Card CollectionMay 29, 2012 at 8:59 AM

    apsal aku punye kluar kat bawah sekali ni..

    ReplyDelete
  55. mohdfairuz599@gmail.comMay 30, 2012 at 2:39 AM

    x jadi ler help me ....

    ReplyDelete
  56. Cikgu NJune 1, 2012 at 3:01 PM

    tu la ... kenapa duk kat bawah sekali ...
    http://geraidetoxonline.blogspot.com/

    ReplyDelete
  57. UnknownJune 15, 2012 at 4:51 PM

    tq

    ReplyDelete
  58. trislad josephJune 18, 2012 at 10:56 PM

    hahaha padan muke samseng fb.... dapat freee... nsib baek aku tk beli.. tenkiuu..

    ReplyDelete
  59. UnknownJune 27, 2012 at 4:47 AM

    yes...mujur ade yang free,kalau x hangus wit aku....... :) tq 4 sharing,jasa mu ku kenang

    memang kali ni jadi la,jom tengok sini kalau x caye

    http://mamaamsyarmarsyashakle.blogspot.com/2012/06/tips-menangani-anak-merajuk.html

    ReplyDelete
  60. fuziahmahadiJuly 13, 2012 at 9:52 PM

    x jd pun..

    ReplyDelete
  61. putriAugust 23, 2012 at 3:00 AM

    kerja bagus teman

    ReplyDelete
  62. admin harga mobilSeptember 7, 2012 at 3:18 PM

    Thx ini memang bagus banget buat saya, saya ucapkan terimah kasih.

    ReplyDelete
  63. Pusat Penjualan Obat HerbalSeptember 18, 2012 at 9:38 PM

    keren nih..makasih banyak..hee

    ReplyDelete
  64. AnonymousOctober 9, 2012 at 11:17 AM

    klu nak letak gambar lain selain facebook like camner? cer jawab...

    ReplyDelete
  65. speakheart_November 3, 2012 at 10:42 PM

    bole visit blog saya, :)

    ReplyDelete
  66. chrisrossell blogNovember 4, 2012 at 10:08 PM

    Nice tutorial bro.sangat2 membantu.Thank

    ReplyDelete
  67. obat herbal asam uratNovember 23, 2012 at 3:51 PM

    Wah keren banget nih.. boleh juga tuh di coba..

    ReplyDelete
  68. obat strokeNovember 24, 2012 at 10:46 AM

    kalau dibawah bisa juga gak yah??

    ReplyDelete
  69. Obat Kanker Kelenjar Getah BeningNovember 28, 2012 at 10:10 AM

    bagus banget nih aku suka banget deh siv mantaaap. makasih yah atas informasinya.

    ReplyDelete
  70. Obat Herbal Untuk SinusitisNovember 28, 2012 at 11:58 AM

    kunjungan pagi nih gan..
    oiya kami tunggu artikel selanjutnya namun jangan lama lama yah..heheee
    Semoga bermanfaat untuk para bloger..amin

    ReplyDelete
  71. African Mango BonusNovember 29, 2012 at 12:47 PM

    Mantap Mas Infonya sangat bagus sekali...nice blog dan artikelnya bagus

    ReplyDelete
  72. Syazwan AhmadNovember 30, 2012 at 2:46 AM

    asal tak jadi lagi ni ..,
    stress aku ..,
    http://ceritakedaiaku.blogspot.com/

    ReplyDelete
  73. Obat Herbal Untuk Jantung BocorDecember 21, 2012 at 11:17 AM

    saya sering bermasalah dengan penempatan scrip pada blognya gan ..

    ReplyDelete
  74. topSpot | Find your top spot hereDecember 23, 2012 at 8:55 AM

    Thanks buat info nya sobat! :)

    topspot-official.blogspot.com

    ReplyDelete
  75. plasma weldingDecember 24, 2012 at 4:23 PM

    Thank you for this code..Its a big help!

    ReplyDelete
  76. AnonymousDecember 26, 2012 at 12:39 PM

    pasang banner ane juga ya !
    http://didiwirawan.blogspot.com

    ReplyDelete
  77. cerita ceriti kak sarahJanuary 9, 2013 at 4:00 PM

    saya buat pun tak jadi huhuuu
    http://permatacintaku.blogspot.com

    ReplyDelete
  78. penyakit sinusitisJanuary 25, 2013 at 3:29 PM

    dicoba dulu deh..makasih yaa gan..

    ReplyDelete
  79. insomniaJanuary 25, 2013 at 3:30 PM

    keren bnget niihh gan tutornya..

    ReplyDelete
  80. EdyJanuary 28, 2013 at 10:47 PM

    kenapa yg saaya bukan keluar kt tmpa sepatutnya? yg tu dia kluar kt bawah posting.

    ajar pleasee

    ReplyDelete
  81. EdyJanuary 28, 2013 at 11:13 PM

    http://www.bloggerkini.com/2012/02/facebook-like-box-on-start-page.html#

    visit blog no. mmg menjadik

    ReplyDelete
  82. UnknownFebruary 14, 2013 at 5:24 PM

    x jd pun

    ReplyDelete
  83. AnonymousFebruary 20, 2013 at 8:55 PM

    look at here http://software4freez.blogspot.com/

    ReplyDelete
  84. ace maxsFebruary 23, 2013 at 12:34 AM

    kunjungan malam infonya sangat bermanfaat sekali, makasih banyak gan..!!

    ReplyDelete
  85. birthday partyMarch 1, 2013 at 12:52 PM

    menaariik artikelnya salam kenal yaaaa :)

    ReplyDelete
  86. UnknownMarch 16, 2013 at 9:53 PM

    Nice Infonya bro
    http://cw4rt.blogspot.com/

    ReplyDelete
  87. UnknownMarch 22, 2013 at 9:32 AM

    xdapat suda buat urutannya

    ReplyDelete
  88. obat pendarahan lambungApril 2, 2013 at 3:09 PM

    keren bnget nihh,,langsung di coba aj daahh..

    ReplyDelete
  89. cara mengobati luka caesarApril 2, 2013 at 3:17 PM

    langsung dicoba aj dah,,makash bnyak gan ilmunya..

    ReplyDelete
  90. Pertapa MerahJune 1, 2013 at 5:54 AM

    Guide: http://www.kakiheboh.com/likebox-fbfan-pro/#.UanvAtz0Ce0

    ReplyDelete
  91. yayaJune 10, 2013 at 4:43 PM

    dh cuba tp xmenjadi.. ps2 try link ni menjadi.. korg try laa.. http://www.bloggerkini.com/2012/02/facebook-like-box-on-start-page.html
    jom singgah blog saya.. blh tgk.. hehe jom kekal cntk & sihat dgn produk yg diperbuat dr herba semulajadi.. nk taw herba apa?? jom singgah k..

    ReplyDelete
  92. pasang iklan baris tanpa daftarJune 18, 2013 at 6:29 AM

    terima kasih banyak sob informasinya

    ReplyDelete
  93. Pertapa MerahJune 21, 2013 at 2:03 PM

    CONFIRM JADI PUNYA.........

    http://www.kakiheboh.com/likebox-fbfan-pro/

    ReplyDelete
  94. PoksujiJune 23, 2013 at 10:58 AM

    Awak follow saya, saya follow awak :)

    http://gigiberdarah.blogspot.com/

    ReplyDelete
  95. BlogHancusAugust 19, 2013 at 4:54 AM

    Thanks....boleh dicuba nanti

    ReplyDelete
  96. UnknownAugust 29, 2013 at 7:14 AM

    infonya sangat membantu sob....
    silahkan mampir ke

    http://bisnisbagusdbs.blogspot.com

    ReplyDelete
  97. UoptutorialSeptember 6, 2013 at 4:28 PM


    Thanks for sharing fabulous information. It' s my pleasure to read it.I have also bookmarked you for checking out new posts.

    by HRM 531 Week 3

    ReplyDelete
  98. Dody SaduyasaSeptember 26, 2013 at 3:01 AM

    Makasi atas tutorialnya mas..
    Salam Kenal...

    ReplyDelete
  99. UnknownSeptember 28, 2013 at 2:32 PM

    tak jadik jugak..tolong :(

    http://pdajawe.blogspot.com/

    ReplyDelete
  100. UnknownNovember 8, 2013 at 10:13 AM

    Makasih,,,atas informasinya,,,


    silahkan mengunjungi di blog saya yach

    http://meritayan.blogspot.com/

    ReplyDelete
  101. cara menghilangkan varises dengan cepatNovember 12, 2013 at 1:02 PM

    thanks gan informasinya

    ReplyDelete
  102. Lowongan Kerja BankNovember 19, 2013 at 11:52 AM

    informasi

    Lowongan Kerja Terbaru

    ReplyDelete
  103. UnknownNovember 19, 2013 at 3:13 PM

    Kenape sy punya kuar kat bawah? Anybody help me..

    http:JSDSibu.blogspot.com

    ReplyDelete
  104. UnknownNovember 29, 2013 at 8:23 PM

    finally i can do it..try this http://www.bloggerkini.com/2012/02/facebook-like-box-on-start-page.html#

    follow me http://pdajawe.blogspot.com/

    ReplyDelete
  105. UnknownDecember 11, 2013 at 9:20 PM

    tk kluar pon....cer update code baru..

    ReplyDelete
  106. selvi rahmayantiDecember 14, 2013 at 3:07 PM

    makasih banyak nih udah ngasih tau, sangat bermanfaat sekali

    ReplyDelete
  107. Tilam Bayi MurahJanuary 1, 2014 at 11:19 PM

    Dengan bantuan kod disini saya dapat koding2 di blog saya..Terima Kasih ya !! :)

    ReplyDelete
  108. Grace RumondorJanuary 13, 2014 at 3:17 AM

    Makasih ya gan sangat bermanfaat sudi mampir ya all blog-mate here: http://gotravela.blogspot.com/

    ReplyDelete
  109. Acep ilhamJanuary 14, 2014 at 10:45 AM

    artikelnya bagus gan,,,

    ReplyDelete
  110. Ace MaxsJanuary 16, 2014 at 9:18 AM

    keren gan tutorialnya mantep., sangat bermanfaat sekali,

    salam sehat, cek juga gan Ace Maxs ampuh sebagai Obat Kanker payudara Herbal dan juga obat jantung bengkak

    ReplyDelete
  111. HealthinessCareLifeJanuary 30, 2014 at 3:03 AM

    hurmm try buat but x dapt lor.. dia mcm rosak pegi kat atas sekali.. huhu

    ReplyDelete
  112. Harga HP TerbaruMarch 11, 2014 at 6:12 PM

    tks. mau coba pakai fb di blog

    ReplyDelete
  113. cara mengobati kanker serviksMay 10, 2014 at 3:26 PM

    sungguh menarik sekali infonya

    ReplyDelete
  114. AnonymousMay 24, 2014 at 6:52 AM

    SALAM SUKSES BRO. BOSEN KENA GUSUR MULU SEKARANG SEKARANG INI. DAN SEKARANG TERPAKSA BIKIN RUMAH BARU. DITUNGGU KEHADIRANNYA YA BRO SEKALIAN TITIP BINGKISAN TERBARU DARI GUBUK ANE. THX YO
    BOKEP STREAMING TERBARU

    KOLEKSI BOKEP STREAMING JANDA
    KOLEKSI BOKEP STREAMING BARAT
    KOLEKSI BOKEP STREAMING ASIA
    KOLEKSI BOKEP STREAMING INDIA
    KOLEKSI BOKEP STREAMING INDO
    KOLEKSI BOKEP STREAMING PHILIPINA
    KOLEKSI BOKEP STREAMING MALAYSIA
    KOLEKSI BOKEP STREAMING KOREA

    VIDIO TERLARIS
    BOKEP STREAMING ABG MESUM 15 TAHUN
    BOKEP STREAMING ABG MESUM 16 TAHUN
    BOKEP STREAMING ABG MESUM 17 TAHUN
    BOKEP STREAMING JANDA KEMBANG
    BOKEP STREAMING PERAWAN SMP
    BOKEP STREAMING PERAWAN SMA
    AYAM KAMPUS JAKARTA

    ReplyDelete
  115. UnknownJune 13, 2014 at 9:02 AM

    huhu tak jadi..jom singgah blog sy

    ReplyDelete
  116. Jom bina incomeAugust 26, 2014 at 10:25 AM

    salam sahabat yang di hormati..

    jika sahabat-sahabat ada masa lapang.. kunjungi laman blog saya... untuk bertukar-tukar idea perniagaan mahupun pendapatan sahabat-sahabat.... berkongsi ilmu sesama kita untuk kebaikkan...

    salam usahawan.

    ReplyDelete

Subscribe to: Post Comments (Atom)