Kunjungi Blog terbaru saya corkismet - Coretan Kang Ismet - dan tinggalkan jejak sobat disana.

Membuat Komentar Admin Berbeda Pada Threaded Comment

Membuat Komentar Admin Berbeda Pada Threaded Comment atau Sitem Komentar Baru Blogger dengan Reply. Bagi rekan-rekan sudah tidak asing tentunya cara membuat komentar admin berbeda dari komentar pengunjung atau visitor. Sudah banyak tutorial tentang cara membuat komentar admin berbeda.

Karena Blogger telah menerapkan sistem komentar baru dengan reply / balas atau istilahnya Threaded Comments, maka tutorial kali ini akan menjelaskan cara membuat komentar admin berbeda pada sistem threaded comments. Hal ini tentunya supaya pengunjung mudah membedakan, mana komentar admin dan mana komentar visitor.

Komentar Admin

Cara Membuat Komentar Admin Berbeda

1. Login ke Blogger dan masuk ke Dasbor
2. Klik Rancangan -> Edit HTML
3. Cari kode </body>
4. Simpan kode dibawah ini tepat sebelum </body>
<script src='http://code.jquery.com/jquery-latest.js'/>
<!-- Komentar admin by blog.kangismet.net start -->
<script>
$(function() {
function highlight(){
$('.user.blog-author,.ssyby').closest('.comment-block')
.css('border', '1px solid #e1e1e1')
.css('background','#f1f1f1 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgae_1i8DG6VqLcz7JGwGSJK80ht9xPgl0WNnd9SD8Jv8sMQCHhdL4LoI5Qz2Ppo1pSN6d4iCHOOKCXgPfrYvjQZVv2sGvBbE6wKt0LLX6oEueZY5LH9A9dvwIRtxi8J56o3FU47sDR1xc/s1600/admin2.png") no-repeat bottom right')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
<!-- Komentar admin ends -->
5. Save

Kostumisasi

1. Edit Garis Pinggir
Untuk mengedit garis pinggir silahkan edit 1px solid #e1e1e1. Tipe garis bisa berupa solid, dashed dan dotted. Penjelasan garis lebih lanjut silahkan baca : Mengenal Properti Border. Untuk pilihan warna silahkan kunjungi Web Color (Hexadecimal)

2. Edit Background
Untuk mengedit garis pinggir silahkan edit #f1f1f1. Untuk pilihan warna silahkan kunjungi Web Color (Hexadecimal).

3. Hapus atau Edit Tulisan ADMIN
Untuk mengedit atau menghapus silahkan edit https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgae_1i8DG6VqLcz7JGwGSJK80ht9xPgl0WNnd9SD8Jv8sMQCHhdL4LoI5Qz2Ppo1pSN6d4iCHOOKCXgPfrYvjQZVv2sGvBbE6wKt0LLX6oEueZY5LH9A9dvwIRtxi8J56o3FU47sDR1xc/s1600/admin2.png.

4. Edit Jarak
Untuk mengedit jarak dari garis pinggir ke tulisan, silahkan edit .css('padding', '10px'); menjadi 5px, 7px dll. Apabila kiri kanan atas bawah tidak seimbang, silahkan edit satu persatu paddingnya, contoh '3px 2px 5px 10px' (atas kanan bawah kiri).

Kalau masih ada pertanyaan atau sesuatu tentang cara membuat komentar admin berbeda, silahkan isi kotak komentar.

Untuk mendapatkan update terbaru di Dasbor Blogger, silahkan ikuti Blog ini

173 komentar

1. Komentar ini, diurutkan dari yang terbaru
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image quote pre code
  1. bagus juga nih kang, ada inovasi lagi :D kalo saya lebih suka yg kemaren itu, ada tulisan admin blink2
    tp yang ini mantap lah :)
    1. ok sob... tergantung selera kali ya... :) emang ini aga sedikit lambat, soalnya pake JS
    2. Mantap sob
    3. wahh saya coba gak bisa bang....
  2. Makasihhh banyak om,,, sebelumnnya aku masih make yang make animasi admin aja sebagai pembeda :)
    1. Ok sob... tergantung CSS nya juga, soalnya kalau dipasang blok ky gitu jadi aneh nantinya
    2. tadi kemana kemri aku nyri alamat blognya om ini karena lupa alamat blog om apa, bookmarknya di laptop yang lain,, hehe

      buat nerapin di blogku yg miftahfarid.com

      dicoba2 dengan berbagai keyword gak ketemu2 di google akhirnya ketemu pake keyword "threaded coment admin"

      Makasih
  3. sip sdh sy coba, dan sukses, thx./
    1. Okey... sama2
  4. nice inpo gan :)
    1. sip gan... :)
  5. hanyakal nateh kudu nungguan loading hula eung pake script da :@
    1. Tapi teu lami da...
      apal ayeuna mah, kang Naufal :)
    2. eh muhun ketang akakak :D
      nyaurana we ku opal biar gampil.. :/
    3. Ouval RSCH nya.... :)
  6. Absen dl mastah. Wah maap nie baru pertama kali mampir di blog kang ismet.

    Ternyata luar biasaaaaaa... :D Salut deh.
    Salam kenal.
    1. Sama2 sob... kapan ya masuk D'best List nya :)
  7. waa makasi maz brow..infonya jozzz...
    1. Sip brow... btw keren chord nya..
    2. ok makasi brow...
  8. gan gimana caranya bikin web template seperti www.gallerybloggertemplates.com

    ane udh muter muter gk dapat scripnya ...
    1. Wah... banyak kodenya sob, pertama pake Auto Read More, trus summary_noimg sama summary_img dibuat 0.
      Selanjutnya tinggal mempercantik plus bikin button.
    2. gpp kang biar susah, ane mau belajar..
      trus theme atau template untuk website kita pke wordpress atau blogger?
    3. Bisa WP atau Blogger. Tapi kalau GBTemplates saya pake blogger, soalnya masih bingung edit theme WP.
  9. sudah saya praktekkan gan... hasilnya sangat bagus buat blog saya.... thanks buat sharing infonya
    1. Ok sip gan... :)
  10. Mantap gan... Ijin make...
    1. Monggo gan.. berkunjung terus ya.. :)
    2. Lapor kang, kenapa saat kupasang script diatas, gadget multitabku di sidebar nggak jalan??

      Jadi gini, saya memasang multitab di sidebar blog sebannyak 3 widget artinya ada 3 tab. tapi setelah saya terapkan script di atas, 3 tab itu tadi nggak mau nggabung alias cuma kaya 3 widget kebawah.
      Mohon bantuannya..
    3. Kalo saya liat blognya, deniriyono.blogspot.com itu masih pake sistem komentar lama sob... jadi tutorial ini ga berlaku.
    4. Bukan boss.. saya terapkan ke http://riyaden.blogspot.com
      gmana kang??
  11. kang klo menambah nama/url di komentar sebagai gimana caranya?????
    1. Masuk ke Dasbor -> Setelan -> Komentar -> Siapa yang bisa berkomentar, pilih 'Siapapun termasuk pengguna Anonim'
  12. hatur nuhun pisan kang, sukses!!! ternyata harus pake trik ini, hehe...

    btw script ini <script src='http://code.jquery.com/jquery-latest.js'/> gunanya buat apa kang???
    1. Sami2 sob.... ya itu JQuery sob.. soalnya perpaduan JS dan HTML biar bekerja scriptnya :)
    2. siipp kang ^⌣^
    3. Yopi Hasopa
      Komentar ini telah dihapus oleh pengarang.
  13. kang kalau buat kotak komentar ky blog akan ini gimana ya
    1. Maksudnya kotak komentar yang mana ya?
  14. Makasih... Kang. ;)
  15. mantap mas , saya trapkan di blog saya :)
  16. kang punya saya kok tidak berhasil ya kang salah apanya ya kang ismet??
    1. Waaduh... saya harus liat source codenya sob...
  17. Makasih kang ismet :)
    1. Sama2 sob....
  18. Scriptnya tidak bekerja om... Apa yang salah?
  19. Bisa Kang.. tapi child categori di template blog saya jadi gk bisa.. gmn ya cara atasinnya?
    1. Saya cek bisa sob...
  20. Informasi yang bagus....salam kenal
    1. thanks sob.... sama2.. :)
  21. Makasi gan bermanfaat
    1. Sama2 sob..
  22. maaf mas, kenapa di blog saya gak bs tampil ya? apa tempalte saya ada kerusakan atau gimana ya?
    1. Saya liat blognya, kayaknya sudah bisa skrng ya..
  23. aku gak bisa kang .. berantakan !
    1. Saya liat blognya masih menggunakan sistem komentar lama, bleum threaded comment. Sementara tutorial ini untuk sistem threaded comment...
  24. Sudah saya pasang gan, ,
    tapi kok kotak komentar saya gak ada perubahan? ?
    mohon bimbinganx gan.
    1. Saya sudah berkunjung ke blognya... ternyata masih memakai sistem komentar lama...
  25. keren mas bro . :D

    kunjungi balik yah .
  26. Ajib kang kismet thanks nih sukses di blog ane :D
  27. makin kreatif aja nih kang..
  28. makasih banget kang !
    biar serasa berbeda gitu ama para tamu :3
  29. mau laporan kang, di templateku kenapa ga jalan ya kang, padahal sudah sesuai prosedur , mohon pencerahan

    hatur nuhun jabana:}
    1. Harus liat kodenya dulu sob...
    2. gimana caranya kang
  30. kang ismet giman mengaktifkan fitur balas komentar? udah ada tapi di klik ga bisa membalas..

    terimaksih
  31. makasih banget kang...!
    artikelnya bagus

    kunjungan balik ea kang....
  32. Thanks sobat, bermanfaat banget..
  33. nice info kang... visit back to:onlyx-45.blogspot.com
  34. kanng ismet mau nanya nih, kan kalau ada yang balas komentar, ada tulisan BALASAN, Saya kepinginya otomatis tersembunyi, ketika di klik BALASAN maka komnetar balasan baru muncul, jadi biar gag memakan banyak ruang, akibat comment balasan
    1. harus di uji coba dulu sob.... nanti baru kasih tutorial :)
  35. bagus artikelnya, tapi ditempat saya tidak jalan! Mungkin perbedaan script dari template saya.. :)

    Blog saya disini!
    1. Mungkin masih sistem komentar lama
  36. Salam kenal sob. Terima kasih, tipsnya manjur banget.
  37. sekali coba langsung jadi.... makasih tutornya kang ismet.... ^^
  38. bos, saya mau tanya nhe...
    kenapa ya tampilan menu yang ada di blog saya tidak mau muncul?

    mohon di bantu sob....
  39. mantap...kunjungi jg blog ane..hehehehe www.felixgameblogspot.com
  40. mantap..kunjungin balik blog qyach..hehehehe www.felixgame.blogspot.com
  41. weist berhasilkang,makasih tutornya.:)
  42. Berhasil kang...Langsung saya terapin di blog saya...
    Tapi tulisan admin nya sama tak saya ubah, tak apa, kan ??
    Terima Kasih...
  43. ijin sedot infonya kang...biar kolom comment di blog keren..thanks
  44. Ga brhasil gan .
  45. Tutor yang kemarin kemarin berhasil kang.
    dari buat yang pertama, ngedit, mpe css nya.
    saya baru nemu disini yang cocok buat blog q.
    tapi gambar profil blogger nggak muncul kang.

    trus yang ini gag berhasil, kalau dipasang, jadinya slider nggak jalan.
    ato gmna kang?

    soba ditengok threaded coment q.
    mohon sarannya.
    1. Ada bentrok kali sob...
  46. Wah bagus ni kalau bisa membuat kotak komentar khusus admin berbeda dengan lainnya
    terima aksih atas tutorialnya
  47. bang di blog saya kok gak bisa ya????
    1. hihihihih ternyata berhasil setelah kotak komenx di ubah ke model Komentar Bertingkat di Blogger
    2. pengaturan komentar bertingkatny dimana ya???
  48. di blog saia kok ga muncul ya??? tolong saran ny.. :)
  49. TErimakasih,,,


    saya terapkan lagi diblog saya yg ini:)
  50. makasih tutorialnya kang Ismet...
    sudah saya terapin dan berhasil... :)
    o ya Kang, untuk tulisan "admin" itu bisa diganti atau tidak ?
    kalo bisa gimana caranya ?

    satu lagi kang Ismet, kalo mo buat "related post" itu gmn ya...
    thanks infonya

    kang..blog baruku di foll back ya...:))
  51. Whaha simkuring tinggaleun impoh kang. Hatur nuhun tutorialna :*
  52. wuih,,makin keren aja nih admin beda ma para komentator hehehe...
  53. langsung nyobain tutorialnya pak,makasih...
    1. saya liat blognya masih menggunakan sistem komentar lama. jadi blum bisa menggunakan script ini.
    2. iya pak,belum berhasil nih,jadi mesti ngrubah sistem kotak komentarnya dulu ya?
    3. iya... harus di rubah dulu ke sistem komentar baru (threaded comments) coba kunjungi ==> Cara membuat threaded comment di Blogger, di sarankan dengan langkah yang terakhir (Edit Template)
    4. Alhamdulillah sudah berhasil kang,makasih ya kang...
  54. share dong bang cara buat kotak komentar sperti punya abang ini......^__^
  55. cihuuy mantab nih gan coba yah hehehehe
  56. Klo model coment seperti punya abang ini gmana yah...?? ada tutornya gak..??
  57. wahhhh,saya coba dulu mas semoga cocok sama model template saya :D
  58. gini bang..kalo cara ngubah background threaded comment visitor gmna ya?
    soalnya di blog saya background item tulisan juga item gmna donk??
    1. Ganti aja warna tulisannya jadi putih, coba cari kode .comments .comments-content tambahkan color:#fff;
  59. trik ini bisa di terapkan pada visitor komen gk?
    1. Saya belum coba sob, tapi coba hapus .blog-author pada ('.user.blog-author,.ssyby')
  60. kok gak bisa ya punya gw...
  61. Di template blog saya gx work gan,
    mohon solusinya..
    http://ngudibego.blogspot.com/
  62. Wah g work kang di templateq. Mhon bantuannya dong...
  63. Hmmm... Setelah ganti baju (template) malah gak bisa nongol lagi. :(
  64. Berhasil, thanks Sob..
  65. Makasiiih om,,

    aku pake lagi di template baru
  66. Pake JS yah gan??
    pengaruh gak ma loding blog kt??

    Terima kasih :)
  67. sepertinya keren nih .. adminnya jaditampil beda. saya coba dulu ah .
  68. Berhasil sob.

    Salam sukses selalu...
  69. makasih infonya mas brow
  70. Keren, terima Kaish infonya
  71. kenapa gag berfungsi di blog saya kang.. mohon pencerahannya
    http://www.minemana.co.cc ini blog saya kang
    1. Kalau saya liat kayaknya masih sistem komentar lama sob, blom threaded comment
  72. terima kasih ya sob :)

    Salam SHARE4RT
  73. gak berhasil gan
  74. succes gan :d thanks tutorialnya ....

    gan, blognya udah di back link & udah di follow neh.. alangkah senangnya saya apabila agan berkenan mmback link & mem fol beck blog saya di http://chumchumsoft.blogspot.com
    thanks gan:D
  75. terpasang rapi di blogku :D

    makasih boss
  76. Makasih mas bro ilmunya sudah saya praktekkan dan berhasil...
  77. wah kok ane gagal ya, mungkin salah cara ya ane -_- hehehe
  78. untuk template standar blogger kyknya sudah ada ini deh kang, tapi gak ada warna backgroundnya.
  79. gagal terus ekh...
    Tp binun salahnya dimana :(
  80. Thanks gan infonya :D
  81. Wah mantap gan, langsung ijin copas di blog Ane http://serviceac-depok.blogspot.com/2013/01/menentukan-pk-ac-untuk-ruangan.html
    Sekalilagi makasih ilmunya....
  82. ane coba alhamdulillah berhasil.
    oleh: adidoya
  83. Thanks infonya kang, sukses buat blognya.
  84. keren gan...
  85. kereeen gan...
    knjungan balek ya..
    http://ferry-web.blogspot.com/
  86. kok gagal ya.
  87. Mau tanya Bang.. Bisakah kita membuat kotak author (yang biasa di taruh di bawah postingan) sesuai dengan penulis. :) Misalnya blogspot kita punya 3 penulis, nah setiap penulis mempunyai kotak komentar berbeda :). Thanks
  88. Kang Ismet, Sama seperti Mas Riyaden, setelah saya terapkan JS di atas, kok JS yang untuk membuat tab view saya menjadi hilang sehingga wdgetnya rata ke bawah tidak berada dalam tab view..
  89. oo begitu ya caranya. .terimakasih gan . .silahkan dilanjut semoga sukses
  90. kereeeeeeeeeeeen,, dicobaa aaah
    terima kasih kang :)
  91. bang kalau pengen kotak comment nya yang kayak punya agan ini gimana ya carnya?thank's n kunjungi balik blogku ya di http://ilmu-bermanfaat23.blogspot.com/
    1. di sini linknya sob :
      http://www.bloggertut.com/2012/11/vinaluv-rulers-threaded-comments.html
  92. Thanks lagi nih kang.
    Sangat amat berguna. Kunjung balik ea kang.
  93. makasih gan tutorialnya.
  94. ane coba dulu gan.. :)
  95. Salam Kang Ismet. idzin simak dan idzin menerapkan di blog saya
    Muga-muga berhasil yah Kang..? hatur pisan artikel nya sangat membantu
    Buat saya Kang. salam sukses selalu.
  96. wah boleh dicoba nih

    kalau seperti komentar admin di http://danforblogg.blogspot.com/ bisa dibuatkan tutorialnya ngga kang ? simple dan eye-cattching hehe
    1. eye catching gimana ya? cuman garis merah disamping itu? :) coba aja border-left
  97. Kang,kalo tilisan Admin nya supaya kaya akang gimana tuh?
    1. diatas <span class='comment_service'> tambah kode <span class='comment_author_flag'>admin</span>, tambahkan CSS ini :
      .comment_author_flag {display:none}
      .comment_admin .comment_author_flag {display:inline;background:#990000;font-size:13px;font-weight:normal;padding:2px 6px;margin-left:8px;margin-top:-2px;color:#fff;border-radius:4px;text-transform:uppercase;}
  98. Suwun Mas.
    Salam
  99. Numpang sedot ilmunya kang..., saya masih belajar..
  100. Ijin nyimpen lagi script nya Kang Ismet, menarik nih buat
    Di di blog saya. terima kasih sudah berbagi pengetahuan.
  101. sukses lagi kang , terima tutorialnya menarik sekali buat saya sebagai pemula ditunggu postingan menarik lain & sukses terus buat kang ismet (amin) :)
    1. congrats deh sob :-d
  102. wah kok di blog ane gak muncul yah kang, apa ada kesalahannya ?
    1. Mungkin Script Jquerynya belum agan terapkan di blog
  103. kang mau tanya kenapa komentar di blog saya ga mau munculya ??
    saya test pake akun sendiri ngomen di blog saya , padahal notif "komentar sudah muncul" tapi ga ada komentarya , itu kenapa ya ??
  104. nyimak gan
  105. mantap gan... ane uda keliling2 nyari ni tutor. thanks
  106. Mantep bang blog ane jadi rapi :D
    buka link : 6juni2000.blogspot.com
  107. terima kasih kang.
    http://www.codjember.com/2014/07/cara-menganti-domain-blogspot-ke-domain.html#.U7aiUrHpuSo
  108. Makasih banyak kang.. hehe maklum saya masih newbie

    www.idepikirkreatif.blogspot.com
  109. Mantabs deh tutorialnya
  110. Cara membuat Manu di samping blog seperti punya akang gimana ya ???
    Mohon pencerahan => bbmasterpiece.blogspot.com
    1. terapin template ini subculture aja, itu template yg kangismet pake, menu otomatis ada disamping alias dari templatenya download di http://www.mediafire.com/download/eprozf9yhgfeyds/Subculture+Responsive+Blogger.rar
  111. thanks sob kerenn,,,, jangan lupa kunbal
    http://bryashare.blogspot.com/ | free download software full version
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.