Laman

  • HOME
  • LOMBA BLOG
  • ARTIKEL
  • TUTORIAL
  • JUAL SUPERGREENFOOD

Cara Membuat Kotak Komentar (Facebook dan Blogger) 2

Moocen Susan | Rabu, November 06, 2013 |
Menyambung postingan lalu tentang cara membuat Kotak Komentar (Facebook dan Blogger) berikut ini caranya : 
  • Log in ke www.blogger.com 
  • Klik Template Edit HTML Cari kode ]]></b:skin> dengan cara tekan Ctrl+F  → Letakkan kode berikut ini tepat diatas 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;}
  • Cari kode </head> → Letakkan kode berikut ini tepat diatas kode </head>
Kode script:
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <script src='http://code.jquery.com/jquery-latest.js'/> <meta content='IDfacebook' 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>
  • Ganti ID facebook dengan ID akun facebook Anda sendiri 
  • Cari kode <div class='comments'id='comments'>
(kode ini ada di dua tempat berbeda) →Letakkan kode berikut dibawah kedua kode <div class='comments'id='comments'>
Kode script:
<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='5' width='450'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>
Keterangan
5      : jumlah komentar yang ingin Anda tampilkan 
450 : lebar kotak komentar facebook. 

  • Simpan template dan lihat blog Anda 

Duh, panjang ya uraiannya hehe… silakan bagi yang mengalami problema yang sama bisa menerapkan hal ini juga. Semoga bermanfaat dan selamat berkomentar, pasti saya balas …

54 komentar:

  1. jdi double gitu y ambak kotak komennya

    BalasHapus
    Balasan
    1. Ya mbak, hehe..kmrn pikir saya mau pasang komentar fb aja karena komentar blog saya hilang eh malah muncul dua duanya ya sudah deh hehe

      Hapus
  2. Mbak Dian, salam kenal ya!
    Mbak pada HTML, jika saya Ctrl+F kenapa ya tidak bisa menunjukkan tulisan kodenya?

    Padahal dulu bisa, memang sih tampilannya sepertinya berbeda dengan yang dulu.
    Mohon pencerahannya..

    Terima kasih ya, mbak?

    BalasHapus
    Balasan
    1. oh ya itu memang kadang juga terjadi kok biasanya kalau ctrl+F lalu copas kode di kotak dan ga bisa muncul karena dicopas, caranya ketik manual kodenya mbak baru dienter , kalau masih ga muncul juga mungkin perlu di refresh komputernya tekan F5

      Hapus
  3. salam kenal sis kode <div class=' .... itu ga ada di aku nih,, gmn yah?

    belanjagrosirbaju.blogspot.com

    BalasHapus
    Balasan
    1. carinya comments kalau ga ada <div class ... cari yang mirip2 itu

      Hapus
  4. adeuhhh tambah biyung aku mba yuk!

    BalasHapus
    Balasan
    1. jangan bingung mbak ini cm buat yang kotak komentarnya ilang aja jadi pasang doble kotak komentar fb dan blog

      Hapus
    2. padahal mba susanti ngga nerapkan di blognya ya

      Hapus
  5. keren mba (y)
    ane naksir infonx..

    BalasHapus
  6. berhasil... thx ya sist.... :)

    BalasHapus
  7. koq gk ada div class='comments'id='comments' nya di htmlku?

    BalasHapus
    Balasan
    1. anda sudah pny blog? bikin blognya dulu baru bs tahu di dalam template ada kode tsb. mohon tdk anonim kalau sdh pny blog.

      Hapus
  8. Balasan
    1. maaf tutorial ini buat template blogger asli.. jadi kalau downloadan saya tdk tahu :) template blog mas, mungkin download dari luar ya

      Hapus
  9. Mumet susah ya caranya buat pemula.

    BalasHapus
    Balasan
    1. cari yang gampang aja gan, ini khusus buat kotak komentar yang ilang kebetulan cocok dengan template saya. semua tutorial di blog ini khusus buat template asli bawaan blogger, kalau diterapkan ke template lain apalagi downloadan ga bisa gan. makanya jadi susah

      Hapus
  10. Balasan
    1. Maaf mbak Endah, tutorial ini hanya untuk template bawaan blogger, bukan template downloadan, jadi kalau di blog mbak Endah tdk bs diterapkan karena ada bentrok kode script :)

      Hapus
  11. gx ada div class='comments'id='comments'

    BalasHapus
  12. mba.. belum berhasil nih.. kalo mau pake komentar fb aja gimana mba?

    BalasHapus
  13. mba waktu aku udah coba semua kok malah hiang kotak komentarku ya?

    BalasHapus
    Balasan
    1. mungkin templatenya ga cocok mbak, ini tutorialnya untuk mengatasi kotak komentar blog yang hilang aja, kalau udah ada kotak komentarnya jangan pake tutorial ini. kalo hilang kemungkinan ada bentrok kode mbak. jadi musti hati2 kalau ikuti tutorial di internet :)

      Hapus
  14. ini udah aku pulihkan lagi mba, kalo mau aku ganti pake komentar fb aja gimana mba?

    BalasHapus
    Balasan
    1. oh saya blm tahu kalau cm komentar fbnya aja, ini juga dari browsing di google nemu caranya.. :D krn ini kodenya satu kesatuan mbak saya blm nyobain yang cm fb aja, soalnya saya lebih suka pake komentar blog asli. kebetulan aja ada tutorial muncul 2 komentar sekaligus.

      Hapus
  15. mbakkk plissss aku mencoba tapi teteppppp aja ga bisa muncul komentar kaya blog mbak ini nihhhhhhh gmn..
    kunjungi blog ku ya mbak..http://anisprasetiyaollien.blogspot.com/
    maaf ih new bie bener2 butuh bantuan biar blogku berfungsi dengan baik ^^ makasih SUHU

    BalasHapus
    Balasan
    1. kalau untuk komentar blog mbak yang tdk muncul itu bukan pake tutorial yang ini mbak. sepertinya komentar mbak itu kolaps jadi ngelink ke tempat lain. Solusinya di tutorial ini http://moocensusan.blogspot.com/2014/05/cara-mengatasi-komentar-yang-kolaps.html

      Hapus
  16. kak kalo kolom komentar nya yang simple kaya punya kaka gini gimana cara nya ?? tolong ya kak! blog aku sepi banget tanpa komentar:(

    BalasHapus
    Balasan
    1. Hanifah, setiap blog pasti sudah ada kotak komentarnya otomatis disana. punya kamu tidak terlihat karena blum ada yg komentar di blogmu. Saran saya, perbanyak Blogwalking ke blog orang lain. kalau kamu sering BW maka akan banyak komentar di blogmu.

      Hapus
  17. Pengen ada yang komen ga ada yang komen tetep muncul kotak komentarnya, bisa ga ya ?
    Makasih ..

    BalasHapus
  18. ia pingin kaya mas ardie wiranata, bisa gak yah

    BalasHapus
  19. kak kalo blog sya gak muncul komentarnya gimana biar munculinnya yah

    BalasHapus
  20. sebenarnya saya sudah hampir menyerah untuk memasang kotak komentar ini secara berdampingan tapi diakhirnya setelah membaca artikel ini dan mencoba memahaminya
    saya berhasil juga
    terima kasih buat admin semoga blognya makin maju
    kunjungan baliknya min :)
    acepasel.blogspot.com

    BalasHapus
  21. angat membantu gan infonya buat saya pribadi. terimakasih sebelumnya ya gan sudah share artikel ini.

    BalasHapus
  22. sy koq cuma nemuin kode satu aja mbak satunya lg cari dmn?

    BalasHapus
  23. thanx sdh share, walaupun ane masih bingung -.-"

    BalasHapus
  24. Cara yang ampuh untuk menghancurkan wasir peyakit ambeien tanpa operasi, pendek dan pengobatan yang kuat

    BalasHapus
  25. Bingung iki pie to gak jadi-jadi

    BalasHapus
  26. Kok punya saya bisa ilang gitu gak nampil-juga.. :(

    BalasHapus
  27. Makasih gan informasinya masih di coba.. :)

    BalasHapus
  28. Awalnya muncul kok heri berikutnya ilang kenapa ya, padahal script nya gak ilang

    BalasHapus
    Balasan
    1. ada bentrok kode barangkali. coba dikembalikan ke template bawaan blogger yang simple itu lalu coba ikuti kembali tutorialnya

      Hapus
  29. mantap banget artikel dan blognya.....memberikan warna tersendiri pada tampilan blog... apalagi ditambah dengan kotak komentar facebook.. hmmm.. mantap...

    BalasHapus
  30. makasih bnayak buat infonya,, http://goo.gl/3SVkOQ

    BalasHapus
  31. berhasil sih.. tapi kok, pas klik tab Blogger, kalo di postingan tsb belum ada komentar blogger , si kotak buat ngisi form nya ga muncul, kenapa ya?
    tolong dibantu ya, disini indoaink.com
    terima kasih

    BalasHapus

Terima kasih sudah berkunjung. Silakan tuliskan komentar Anda di bawah ini. Komentar Anda sangat bermanfaat dan sangat saya hargai atau jika ada pertanyaan silakan tinggalkan pesan di livechat saya (sidebar kiri bawah)
Perhatian: saya akan menghapus otomatis komentar yang ada link hidupnya :D

Related Posts Plugin for WordPress, Blogger...