Pengikut

Salam blogger, kali ini saya akan melengkapi posting sebelumnya yaitu cara membuat komentar facebook di blog, kali ini saya lengkapi dengan membuat komentar dari blogger juga sobat. Maksud dari judul di atas adalah kotak komentar yang setelah posting akan ada dua pilihan, yang satu dari blogger dan yang satu lagi dari facebook. Jadi para pengunjung bisa memilih apakah mereka mau comment di kotak facebook atau di kotak yang disediakan blogger dan letak button nya juga berdampingan.



1. Login ke account blogger sobat
2. klik menu Template
 
3. lalu pilih Edit html
   
4. lalu sobat cari kode  ]]></b:skin> (tekan ctrl+f agar lebih mudah)
5. copy kode dibawah ini dan letakan di atas kode ]]></b:skin>
.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px;cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}
6. kemudian sobat cari lagi kode </head>
7. copy kode dibawah ini dan letakan di atas kode </head>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='ID FB SOBAT DISINI' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();}
</script>
8.  Teks yang bertuliskan ID FB SOBAT DISINI ganti dengan alamat atau url  
    profil facebook sobat.
    misal : https://www.facebook.com/riefkhay.beats
9. yang terakhir cari kode <div class='comments' id='comments'> hasil 
    pencarian pasti ada 2 kode seperti ini, sobat copy kode di bawah ini dan 
    letakan dibawah kode <div class='comments' id='comments'> yang ke 2.
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'><img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div><div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'><img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div><div class='clear'/></div><div class='comments-page' id='fb-comments-page'><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='fb-root'/><fb:comments expr:href='data:post.url' num_posts='2' width='600'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>
10. Teks merah yang bertuliskan 600 adalah lebar kotak komentar yang akan 
     dibuat, bisa anda ganti dan sesuaikan.
11. kemudian Simpan template


Selamat mencoba dan semoga bermanfaat

Posting Komentar

  1. Terima kasih tutorialnya berhasi dipasang

    BalasHapus
    Balasan
    1. ya pasti berhasil gan, kan saya juga pernah pake yang kayak gitu, hehe

      Hapus
    2. gan saya berhasil memasang di blog saya xmisteri.blogspot.com gan kunjugn balik di blog saya...

      Hapus
    3. Oke siap gan, maakasih kometarnya

      Hapus
    4. Seep Gan udah saya terapkan di blog saya mukeu.blogspot.com jangan lupa KUNBAL ya gan ^_^

      Hapus
  2. I'll right away snatch your rss feed as I can't in finding your е-mаil
    subѕcriρtion hyperlinκ οг newsletteг serѵice.

    Do you hаve any? Please permit me reаlіze іn order that Ι may ѕubsсrіbe.
    Тhanκs.
    Also see my webpage: facebook fans Lonely

    BalasHapus
    Balasan
    1. thank you for the comments, although I do not quite understand what you say, but thank you just is

      Hapus
  3. Thiѕ artісlе ωill help thе internеt users foг creаting new blog
    or evеn а weblog from start to end.
    Feel free to surf my web site : targeted facebook fans

    BalasHapus
    Balasan
    1. Thank you for your comment, if there is time I will definitely be visiting your blog

      Hapus
  4. Hі, I log on to yоur blogs on a regulаr basis.
    Your writing style iѕ аwеsomе, keeρ doing ωhat you're doing!
    Also visit my blog post : buy facebook likes cheap

    BalasHapus
    Balasan
    1. Thank you for your comment, if there is time I will definitely be visiting your blog

      Hapus
  5. Heyа і'm for the first time here. I found this board and I find It truly useful & it helped me out much. I hope to give something back and help others like you aided me. http://www.dcarticldirectory.com/article.php?id=19447
    Also visit my web site : best site to buy facebook likes

    BalasHapus
    Balasan
    1. thank you for the comments, although I do not quite understand what you say, but thank you just is

      Hapus
  6. ӏ have beеn eхρloгing foг а little bit foг
    any high qualіty artiсlеs oг blog ρosts in thiѕ kіnd
    of аreа . Εхρlorіng
    in Yahoo Ι at last stumblеd upon thіs sіte.
    Rеading this information Ѕο і'm satisfied to express that I've an incrеdіbly gooԁ
    unсanny fеelіng ӏ camе upοn јust ωhat I
    neеdeԁ. Ι moѕt surely ωill
    make certаin to don?t dіѕregard thiѕ website and gіvе it а glаnсe on a relentlеss baѕіs.
    Feel free to surf my web blog phen375 scam

    BalasHapus
    Balasan
    1. Thank you for your comment, if there is time I will definitely be visiting your blog

      Hapus
  7. WOW just what I was looking fоr. Came herе by
    searching for phen375 customer гeviews
    Here is my site ... phentermine

    BalasHapus
  8. Yes! Finally someone writes about comment.
    Also visit my web page - Unlock Iphone Reviews

    BalasHapus
    Balasan
    1. yes your comment is my mine, i'll visit yout blog, always.

      Hapus
  9. I alwаys used to reаd post in newѕ papers
    but noω as I am a uѕeг of ωeb theгefore from noω I am usіng nеt for pοѕts, thаnks to
    ωeb.
    My page :: jailbreak iphone 4 5.1

    BalasHapus
  10. Right аωаy I am goіng to ԁo mу breaκfast, once hаving my breaκfаst сomіng уet agаіn to rеad otheг newѕ.
    Review my page internet marketing reviews

    BalasHapus
  11. Berhasil di blog satunya gue gan! makasih

    BalasHapus
    Balasan
    1. syukur deh gan kalo berhasil dan bermanfaat buat agan, sya juga sneng dngernya..
      makasih kembali buat komennya. salam blogger :D

      Hapus
  12. terimakasih gan sukses diterapkan.....

    salam

    BalasHapus
    Balasan
    1. syukur deh kalo sukses gan, ngmong2 makasih nih komentarnya ya
      salam balik gan..hhe

      Hapus
  13. gan mau tanya ne gan, komentar facebook nya tepat dibawahnya muncul peringatan warning ...dst... tapi sebagian postingan aja gan, kira2 knpa y gan......

    terimakasih..

    BalasHapus
    Balasan
    1. aduh kalo buat itu saya juga kurang paham gan, soalnya crash nya hanya sebagian kan, coba cari cara di google deh, maaf ya gan gak bisa bantu banyak...
      salam blogger

      Hapus
  14. gan , koq ane ga bisa ya
    ga muncul apa-apa
    padahal ga ada yg eror di edit html nya

    BalasHapus
    Balasan
    1. mungkin salah pas masukin kode nya gan, letak nya

      Hapus
  15. terima kasih tutorialnya, udah saya pasang di blog saya gan. salam kenal..!

    BalasHapus
    Balasan
    1. sama sama gan, salam kenal juga dari saya "Admin Botriks"

      Hapus
  16. makasih gan atas infonya...

    www.informasiunik.com

    BalasHapus
    Balasan
    1. sama sama gan, makasih sudah berkomentar di blog ini

      Hapus
  17. Balasan
    1. thank gan, makasih juga buat komentar + kunjungannya

      Hapus
  18. ngak bisa diblog saya gan..pdahal kode html nya udah benar gan..

    BalasHapus
    Balasan
    1. mungkin nggak cocok sama template blog nya gan, tapi coba cari di google deh solusinya gan

      Hapus
  19. gan udah gw coba and berhasil . . mksh ya . .

    tpi gan kog klo ada yg comend di blog gw kog g ada pemberitahuan di fb gw ya klau ada orang yg comend?? pleaseee solusinya

    BalasHapus
    Balasan
    1. emang kyak gitu gan, kalo orang komentarnya lewat comment fb kita gak bakal tau, and gak ada pemberitahuan baik di blogger maupun di fb, saya juga dulu pake gan, makasih

      Hapus
  20. mas bro kok komentarnya jadi atas bawah ya???

    BalasHapus
    Balasan
    1. tapi biasanya gan, berdampingan bukan atas bawah, mungking templte size colom nya kurang gede gan

      Hapus
  21. Artikel mantapss...
    thanks bro.

    BalasHapus
  22. Artikelnya bagus...
    Salam:
    http://kelilingriau.blogspot.com/2012/12/semua-semua-ada-di-bank-mandiri.html

    BalasHapus
  23. wah berhasil di blog yg satunya nih,, makasih gan

    BalasHapus
    Balasan
    1. syukur gan kalo berhasil, mungkin di blog yang satunya gak cocok ya.

      Hapus
  24. ikut nyimak gan,, di lain waktu mungkin ane coba pasang

    BalasHapus
    Balasan
    1. oh iya silahkan disimak gan, tapi jangan sampe gak dicoba ya, hhe

      Hapus
  25. Balasan
    1. iya silahkan dicoba gan, makasih komentarnya

      Hapus
  26. makasih tutornya gan.. bermanfaat nih

    BalasHapus
    Balasan
    1. sama sama gan, makasih buat kunjungan plus comment nya gan

      Hapus
  27. Balasan
    1. silahkan disimpan gan, jangan lupa buat dicoba okeeh
      salam blogger

      Hapus
  28. saya coba dulu sob, salam kenal aj y
    www.terapiotak.com

    BalasHapus
    Balasan
    1. silahkan dicoba mas cro, salam kenal balik

      Hapus
  29. postingan tentang cara membuat kotak komenta... Sangat menarik untuk dibaca, Saya suka mengunjungi blog ini.

    BalasHapus
  30. kotak komentar fb tidak muncul, padahal tabnya ada gan...
    mohon dicek...
    chesscross.blogspot.com

    BalasHapus
    Balasan
    1. saya barusan mau cek blog agan, tapi blognya gk kebuka buka, coba agan ulang sekali lagi, atau coba ganti template, makasih

      Hapus
  31. makasi mas, berhasil

    BalasHapus
    Balasan
    1. sama sama gan, makasih udah nyempetin buat komen

      Hapus
  32. Berhasil gan !!

    Salam BLogger

    BalasHapus
    Balasan
    1. Punyaq g bisa,, bantu donk.. http://kinglesprivat.blogspot.com

      Hapus
    2. coba ulang step by step nya gan

      Hapus
    3. bagus deh gan kalo berhasill, salam blogger

      Hapus
  33. Knpa di blog saya, g brhasil di pasang?? g ada perubahan. sedih deh.. bantu donk.. di http://kinglesprivat.blogspot.com

    BalasHapus
    Balasan
    1. ahhh kenapa ya, mungkin salah step by step nya gan atau mungkin gak klop sama templatenya gan, soalnya yang lain pada berhasil

      Hapus
  34. thnks ya atas infonya,,,langsung dicoba ni,,,

    BalasHapus
  35. Aku pasang nih gan :D
    jangan lupa mampir ya :D http://nandarious.blogspot.com

    BalasHapus
    Balasan
    1. sukur deh gan kalo udah dipasang, makasih ya komentarnya

      Hapus
  36. With the НDMΙ connection, wе have the High Definitiоn Ϲopy Ρrotectіon
    (HDCP) issue Leаks can οccuг in a veгy сaг's cooling system in a very variety of ways

    Feel free to visit my website - slow computer

    BalasHapus
  37. saya sering berkunjung di blog-blog, postingan ini sangat menarik serta enak dibaca.... saya berharap bisa berkunjung lagi

    BalasHapus
  38. Sudah saya pasang di http://agusmurod.blogspot.com/ dan berhasil terima kasih gan,

    BalasHapus
    Balasan
    1. sukur dehh gan kalo berhasil, salam blogger dari saya admin

      Hapus
  39. Ini cara pasang komentar facebook dan twitter ---> http://secebisilmu.blogspot.com/2013/03/cara-memasang-kotak-komentar-facebook.html

    BalasHapus
  40. terima kasih atas informasinya gan

    BalasHapus
  41. punya saya cm satu <div class nya -_-

    BalasHapus
  42. Thanks sob... http://mirwanchoky.blogspot.com/2013/04/4-kunci-rumah-tangga-harmonis.html

    BalasHapus
    Balasan
    1. your welcome brader, thanks buat komentarnya

      Hapus
  43. iya gan ntar ane kunjungi okeeh

    BalasHapus
  44. Terima kasih bop @rifky muhammad .. mantap.. langsung diaplikasikan di 3 blog
    cara indonesia bangkit http://ib.ayobai.org
    Indonesia Baru Afdol http://den.ayobai.org
    Relawan Indonesia Berubah http://karib.ayobai.org

    namun di blog itu, semuanya penempatan kode terakhir bisa dilakukan dibawah kode comments yang pertama.

    terima kasih bop.. semoga sukses selalu

    BalasHapus
    Balasan
    1. sipp gan, semoga jadi blogger yang mahir and success,, salam blogger

      Hapus
  45. Keren Bro, akhirnya terpasang juga

    BalasHapus
    Balasan
    1. yups sama sama bro, makasih komentarnya

      Hapus
  46. maaf gan,,, saya bukan orang berpendidikan neh, dan saya punya kesulitan mencari kode2 di atas padahal udah ctrl+f

    tapi pas saya cari malah gak keluar2, nah gmna tuh gan,,, tolong pencerahannya,,,
    yang ketemu cuma head doank selain itu saya masih kesulitan

    BalasHapus
    Balasan
    1. kode yang mana gan yang gak ada #b:skin atau yang mana gan??

      Hapus
  47. Kalo boleh nanya, ada kamera canon powershoot a2300 gak, makasih

    BalasHapus
  48. terimakasih gan tapi punya saya jadinya gak bersebelahan tapi di bawahnya.... gimana tuh gan....

    BalasHapus
    Balasan
    1. kalo template nya gak muat atau gak cocok emang gitu gan, saya saranin ganti template aja kalo pengen pertahannin trik nya

      Hapus
  49. thanks gan..sangat membantu....
    visit
    http://pekalongandewe.blogspot.com/

    BalasHapus
  50. berhasil gan alhamdulillah makasih info n sharingnya..oya kapan2 kunjungi ya gan blog ku http://kampoengpelangi.blogspot.com...makasih

    BalasHapus
    Balasan
    1. ohh iya sip gan, maksih komentarnya, sukses selalu okehh

      Hapus
  51. Blogg Agan Udah Saya Follow.
    Follow Blogg Saya Juga : adji-trik.blogspot.com

    Mohon Kerjasamanya.

    BalasHapus
  52. berhasil gan...terima kasih banyak

    BalasHapus
    Balasan
    1. sama-sma gan... makasih banyak buat komentarnya

      Hapus
  53. Thanks Sob.. Mkasih Infonya,, Skrang Di Blog Ku Udah Trpasang..
    Soalnya Kalo Kmaren Masih Satu,, Tpi Skarng Udah Beda.. ^_^


    Kijimuna Thakeru

    BalasHapus
  54. Uis kerenn thanks browwww . .

    kunjungin juga yaww

    Tutorialnya lengkap di sini sob

    http://tutorialimparare.blogspot.com/

    BalasHapus
    Balasan
    1. sama sama sob... makasih juga komentarnya okehh

      salam blogger

      Hapus
  55. Selamat Sore gan. code tersebut telah saya terapkan kenapa tidak keluar gan bahakan dari lebar 600 saya ganti 450 bahkan tidak keluar juga apa sebab nya gan terima kasih

    BalasHapus
    Balasan
    1. coba diulang lagi step by step nya gan... siapa tau ada error

      salam blogger

      Hapus
  56. makasih gan, tapi gak jadi pasang ane, dulu pernah pasang jadi berat loadnya
    Panen Film | Tempat Download Film Terbaru

    BalasHapus
    Balasan
    1. Iya sih gan,,, tapi jadi agak keren sedikit blognya :)

      Hapus
  57. Selamat pagi gan....
    Misalnya kan kodenya

    tag div coment nya

    ada dua..seandainya diletakkan dibawah masing masing,,apa yg terhjadi ya ???

    BalasHapus
    Balasan
    1. Gak apa gan gak ngaruh, malah jadi lebih berat blog nya

      Hapus
  58. TOKO NABILA SHOP JUAL HANDPHONE TERBESAR TERLENGKAP TERMURAH TERPERCAYA Produk dijamin asli orginal.Dapatkan harga promo meyambut HARI NATAL TAHUN BARU Barang yang Kami Tawarkan Semuanya Barang ASLI ORGINAL Ada Garansi Resmi Distributor dan Garansi TAM 2 bebas resiko bebas penipuan.Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya BERMINAT HUB-SMS 085-757-299-675 ATAU KLIK WEBSET RESMI KAMI http://nabilashop77.blogspot.com
    Ready Stock! Samsung Galaxy S4 Mini Rp.2,500.000
    Ready Stock! Apple iPhone 5 Rp.2,700.000
    Ready Stock! BlackBerry 9380 Orlando - Black.Rp.900.000,-
    Ready Stock! BlackBerry Curve 8520 Gemini.Rp.500.000,-
    Ready Stock! BlackBerry Bold 9780 Onyx 2.Rp.800.000,-
    Ready Stock! Blackberry Curve 9320.Rp.700.000,-
    Ready Stock! Samsung Galaxy Note 10.1.Rp.2,500.000.
    Ready Stock! Samsung Galaxy Tab 2 (7.0).Rp. 1.000.000
    Ready Stock! Samsung Galaxy S III Mini.Rp.1.800.000.
    Ready Stock! Samsung Galaxy Nexus I9250 - Titanium Si.Rp.1.500.000,-
    Ready Stock! Samsung Galaxy Note N7100.Rp.2.500.000.
    Ready Stock! Samsung Galaxy Note N7000 - Pink.Rp.1.700.000.
    Ready Stock! Samsung Galaxy Y S5360 GSM - Pure White.Rp.500.000
    Ready Stock ! BlackBerry Curve 9360 Apollo Rp.950.000,-
    Ready Stock ! Varian Canon EOS 70D Rp.500.0000

    BalasHapus
  59. Kok div class='comments' id='comments' punya blog ane cuma satu ya gan ? kasih penjelasan

    BalasHapus
  60. kok jadinyua di template saya... komentar blog ada dibawahnya ya.. ??

    BalasHapus
    Balasan
    1. Harus nya sih berdampingan gan, gak compatible mungkin sama template yang anda gunakan, makasih

      Hapus
  61. boleh minta xml tempaltenya gan :)

    BalasHapus
  62. terima kasih.. artikelnya sangat berguna.akan coba saya terapkan

    BalasHapus
  63. kok punya saya kok tidak bisa ya broo

    http://fiyan-dhika.blogspot.com/

    BalasHapus
  64. Sangat Membantu Post dari Anda.. Jgn Lupa Kunjungi Blog Ane ya ^_^
    http://aikawafaith.blogspot.com/

    BalasHapus
  65. terima kasih banyak gan. berhasil diterapkan di blog saya , hehehe minta kunjungan baliknya gan :D

    BalasHapus

Silahkan berkomentar, komentar sobat adalah inspirasi saya !!