69 Dua Modifikasi Threaded Comments Menarik Dan Keren

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

Modifikasi Threaded Comment Cantik Tutorial kali ini, insyaAllah saya akan kembali membagikan kode CSS untuk dua modifikasi threaded comment blogger. Modifikasi berikut terhitung sebagai versi ke-3 dan ke-4 threaded comment yang pernah saya posting diblog ini, karena sebelumnya saya sudah pernah membagikan dua modifikasi yang berbeda.

Saya sematkan kata menarik dan keren pada modifikasi threaded comment kali ini bukan tak beralasan, sebab modifikasi ini telah memikat hati saya dan mungkin hal yang sama akan berlaku bagi anda pecinta warna. Ya karena letak dominan modifikasi kali ini pada permainan CSS background color dan CSS border.

Tertarik untuk mengganti threaded comment default blogger diblog anda dengan modifikasi threaded comment colored style ini? Silahkan ikuti langkah-langkah berikut:

Tutorial berikut hanya untuk blog yang telah mengaktifkan sistem threaded comment blogger. Jika anda belum mengaktifkan sistem threaded comment diblog anda, silahkan ikuti terlebih dahulu tutorial panduannya disini

Cara menambahkan kode CSS modifikasi threaded comment

  • Setelah login ke akun blogger anda
  • Pada dasbor klik Template --> edit HTML
  • Klikk Ctrl+F dan cari kode ]]></b:skin>
  • Tambahkan kode CSS berikut diatas kode ]]></b:skin>

Kode CSS Threaded Comment Menarik Versi 3

Modifikasi Threaded Comment Menarik

#comments {
padding:10px;
}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4{background:#1aa1e2;}
#comments h4,.comments .user a,.comments .continue a{font-size:16px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #1aa1e2;border-right:20px solid transparent;width:0;height:0;line-height:0}
h4#comment-post-message {
display:none;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height:1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.comment .avatar-image-container {
border:1px solid #B6B6B6;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
max-height:60px;
margin-top:-10px;
width:60px;
position:relative;
z-index:70;
border:4px double #1aa1e2;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
}

.comments .comments-content {
padding:5px;
font-size:11px;
}
.comment .comment-block {
margin-left:75px !important;
min-height:84px;
text-align:left;
}
.comment .comment-header {
background:none repeat scroll 0 0 #5D974C;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color:#333;
font-size:12px;
font-weight:normal;
margin-left:60px;
}
.comment .comment-header a {
color:#fff !important;
text-decoration:none;
}
.comment .comment-content {
background:none repeat scroll 0 0 #FEFFF9;
border-bottom:2px solid #1aa1e2;
font-size:12px;
margin:0 0 30px;
padding:5px 5px 10px 10px;
text-align:left;
}
.comment .comment-actions a {
color:#860000;
display:inline-block;
line-height:1;
margin:0 3px;
padding:3px 6px !important;
text-decoration:none;
}
.comment-header cite {
background:none repeat scroll 0 0 #FD7000;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color:#fff;border: 2px solid white;
padding:2px 5px;
position:relative;
z-index:99;
margin-left:-20px;
}
cite.blog-author {
background:none repeat scroll 0 0 #490077 !important;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.icon.blog-author {
display:none !important;
background:url("") no-repeat scroll 0 0;
margin-left:90px;
width:60px !important;
height:60px !important;
position:absolute;
right:5px;
bottom:5px;
top:10px;
}
.comment .comment-header {
color:#333;
font-size:12px;
font-weight:bold;
}
.comment .avatar-image-container img {
border:medium none !important;
height:60px !important;
width:60px !important;
max-height:60px !important;
max-width:60px !important;
}
.comment .comment-actions a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
background:none repeat scroll 0 0 #1aa1e2 !important;
color:#FFF !important;
display:inline-block !important;
line-height:1 !important;
margin-top:-10px !important;
margin-right:2px !important;
padding:3px 6px !important;
text-decoration:none !important;
font-size:14px;
}
.comment .comment-actions a:hover {
background:#860000 !important;
text-decoration:none !important;
}
.comments {
font-size:1em;
color:#000;
}
.comments .continue a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
background:none repeat scroll 0 0 #04B404 !important;
color:#FFF !important;
display:inline !important;
line-height:1 !important;
margin-top:10px !important;
margin-right:2px !important;
padding:3px 6px !important;
font-size:13px;
}
.comments .continue a:hover {
background:#860000 !important;
color:#FFF;
text-decoration:none;
}
.item-control {
display:inline-block;
}
.comments .continue {
border-top:2px solid transparent !important;
}
#comment-editor {
width:103% !important;
}
.comment-form {
width:100%;
max-width:100%;
}
.comments .thread-toggle {
margin-bottom:10px;
}
.comments .comment-thread.inline-thread .comment {
margin:0 0 5px 15%;
}


Kode CSS Threaded Comment Keren Versi 4


Modifikasi Threaded Comment Keren

#comments {
padding:10px;
}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4{background:#1aa1e2;}
#comments h4,.comments .user a,.comments .continue a{font-size:16px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #1aa1e2;border-right:20px solid transparent;width:0;height:0;line-height:0}
h4#comment-post-message {
display:none;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height:1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.comment .avatar-image-container {
border:1px solid #B6B6B6;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
max-height:60px;
margin-top:-10px;
width:60px;
position:relative;
z-index:70;
border:4px double #1aa1e2;- webkit-border-radius:100px;
-moz-border-radius: 100px; border-radius: 100px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.comments .comments-content {
padding:5px;
font-size:11px;
}
.comment .comment-block {
margin-left:75px !important;
min-height:84px;
text-align:left;
}
.comment .comment-header {
background:none repeat scroll 0 0 #5D974C;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color:#333;
font-size:12px;
font-weight:normal;
margin-left:60px;
}
.comment .comment-header a {
color:#fff !important;
text-decoration:none;
}
.comment .comment-content {
background:none repeat scroll 0 0 #FEFFF9;
border-bottom:2px solid #1aa1e2;
font-size:12px;
margin:0 0 30px;
padding:5px 5px 10px 10px;
text-align:left;
}
.comment .comment-actions a {
color:#860000;
display:inline-block;
line-height:1;
margin:0 3px;
padding:3px 6px !important;
text-decoration:none;
}
.comment-header cite {
background:none repeat scroll 0 0 #FD7000;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color:#fff;border: 2px solid white;
padding:2px 5px;
position:relative;
z-index:99;
margin-left:-20px;
}
cite.blog-author {
background:none repeat scroll 0 0 #490077 !important;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.icon.blog-author {
display:none !important;
background:url("") no-repeat scroll 0 0;
margin-left:90px;
width:60px !important;
height:60px !important;
position:absolute;
right:5px;
bottom:5px;
top:10px;
}
.comment .comment-header {
color:#333;
font-size:12px;
font-weight:bold;
}
.comment .avatar-image-container img {
border:medium none !important;
height:60px !important;
width:60px !important;
max-height:60px !important;
max-width:60px !important;
}
.comment .comment-actions a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
background:none repeat scroll 0 0 #1aa1e2 !important;
color:#FFF !important;
display:inline-block !important;
line-height:1 !important;
margin-top:-10px !important;
margin-right:2px !important;
padding:3px 6px !important;
text-decoration:none !important;
font-size:14px;
}
.comment .comment-actions a:hover {
background:#860000 !important;
text-decoration:none !important;
}
.comments {
font-size:1em;
color:#000;
}
.comments .continue a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
background:none repeat scroll 0 0 #04B404 !important;
color:#FFF !important;
display:inline !important;
line-height:1 !important;
margin-top:10px !important;
margin-right:2px !important;
padding:3px 6px !important;
font-size:13px;
}
.comments .continue a:hover {
background:#860000 !important;
color:#FFF;
text-decoration:none;
}
.item-control {
display:inline-block;
}
.comments .continue {
border-top:2px solid transparent !important;
}
#comment-editor {
width:103% !important;
}
.comment-form {
width:100%;
max-width:100%;
}
.comments .thread-toggle {
margin-bottom:10px;
}
.comments .comment-thread.inline-thread .comment {
margin:0 0 5px 15%;
}

Untuk demo bisa lihat pada blog personal saya disini. Demikian tutorial modifikasi threaded comment menarik dan keren versi 3 dan 4 kali ini. Semoga bermanfaat.


ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Tips Trik Blogging

69 komentar :

  1. wah kreen nih tutorialnya, thanks yah, mbaak... wassalam

    BalasHapus
    Balasan
    1. ane coba... tapi gak ada efek nih mbak... gmn donk, cek now
      seo-gold.blogspot.com

      Hapus
    2. @ Azwar: Terimakasih juga tuk apresiasinya, wassalamu'alaikum warahmatullah.

      @ Seo Gold: Hanya ada 3 kemungkinan jika anda tak berhasil menggunakan modifikasi threaded comment diatas:

      1. Anda menggunakan custom template dan belum mengaktifkan sistem threaded comment diblog anda.
      2. Anda keliru mengikuti step by step uraian tutorial diatas.
      3. Anda sudah menggunakan kode CSS modifikasi threaded comment yang lain

      Solusinya:

      1. Aktifkan dulu sistem threaded comment, link tutorialnya sudah ada pada postingan diatas.
      2. Ikuti dengan baik step by step tutorial diatas.
      3. Hapus kode CSS pertama dan ganti dengan kode CSS threaded comment yang anda pilih diatas.

      Semoga membantu. Terimakasih.

      Hapus
    3. wahhhhh mantap betul mBAK... thanks atas solusinya, skrg sudah berhasil ane terapkan, silahkan komentar donk dblog ane... :)

      Hapus
    4. Terimakasih undangannya, anaa dah komentar di postingan download IDM diblogx ya.

      Hapus
    5. Iya sama-sama mbak... thanks yah sudah berkunjung di Blog seo-gold.blogspot.com
      .. ngomong-ngomong =)) ane betah juga yacc berkunjung mari.. hehehe :d
      soalx bnyk yg sy harus terapkan dblog ane dan sebagian ada dsni blogx mbak.. saran saya nhe mbakk coba buat artikel tutorial blogging "cara agar diterima digoogle adsense" itu yg ane paling cari... :)

      Hapus
    6. Untuk tips seputar GA silahkan search aja dulu di google pasti dah banyak yang mengupas tuntas, krn anaa belum bisa membuat postingan tips yang anaa sendiri masih minim pengetahuan tentang hal tersebut.

      Hapus
    7. :-) ohhh.... iyaa.. oke deh mbak... saya ngerti.!!!
      Thanks atas sarannya (o)
      # hmmmm mbak prnah tinggl dmksr ya??? :-?

      Hapus
    8. Komentar ini telah dihapus oleh pengarang.

      Hapus
  2. Alhamdulillah..akhirnya tips yg ini sukses mbak, saya suka sekali. Tp warna background yg pink kok ndak bisa ilang yah? Please bantuin mbak ;-(

    BalasHapus
    Balasan
    1. Diblog mbak khan dah ada kode CSS modifikasi threaded comment, jadi untuk bisa sama persis dengan tampilan screenshoot diatas, kode tersebut hapus dulu. Ini kode CSS threaded comment pertama diblog mbak yang harus dihapus:
      #comments{overflow:hidden}
      #comments h4{display:inline;padding:10px;line-height:40px}
      #comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
      #comments h4,.comments .continue a{background:#F4BD00}
      #comments h4,.comments .user a,.comments .continue a{font-size:16px}
      #comments h4,.comments .continue a{font-weight:normal;color:#fff}
      #comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #F4BD00;border-right:20px solid transparent;width:0;height:0;line-height:0}
      #comments .avatar-image-container img{border:0}
      .comment-thread{color:#111}
      .comment-thread a{color:#777}
      .comment-thread ol{margin:0 0 20px}
      .comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#F4BD00}
      .comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
      .comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
      .comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}
      .comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
      .comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(https://lh6.googleusercontent.com/-FOnxBh5YV5U/T-KakiY1VzI/AAAAAAAABN0/fXtzoPaOCVY/s36/author.png);width:36px;height:36px}
      .comments .comments-content .inline-thread{padding:0 0 0 20px}
      .comments .comments-content .comment-replies{margin-top:0}
      .comments .comment-content{padding:5px 0;line-height:1.4em}
      .comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}
      .comments .comment-thread.inline-thread .comment{width:auto}
      .comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}
      .comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
      .comments .comment-thread.inline-thread .comment-block{margin-left:48px}
      .comments .comment-thread.inline-thread .user a{font-size:13px}
      .comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
      .comments .continue{border-top:0;width:100%}
      .comments .continue a{padding:10px 0;text-align:center}
      .comment .continue{display:none}
      #comment-editor{width:103%!important}
      .comment-form{width:100%;max-width:100%}

      Biar lebih ringan juga loading blognya mbak krn tdk ada dua kode CSS modifikasi threaded commentx. Semoga membantu.

      Hapus
    2. Udah aku delete tp masih, kolom warna pinknya msh ada. Mksh byk ya mbak udah ngerepotin terus nih. hehe

      Hapus
    3. nambahin mbak..udah bisa sekarang. Sy kurang teliti, warna background di thread comment ndak sy ganti. skrg udah cantik mbak ;)

      Hapus
    4. @Indah P : cantik kaya; saya yac... hihihihi :)) :d

      Hapus
  3. Kalau udah ada thread commentnya gimana itu Mas.Apakah perlu lagi ditimpa dengan kode seperti model diatas ?

    BalasHapus
    Balasan
    1. Kalau threaded commentx default bawaan blogger tinggal tambahin kode diats, kalau sudah ada modifikasi lain disarankan untuk menghapusnya dan mengganti dengan kode yang anda pilih diatas.

      Hapus
  4. support utk semua template ya mbak..atau hanya bawaan blogspot aja..

    BalasHapus
    Balasan
    1. Support sama semua template termasuk custom template yang telah mengaktifkan sistem threaded comments blogger.

      Hapus
  5. manteb sekali ini..
    thanks for share.. :))

    BalasHapus
    Balasan
    1. Sama-sama, thanks juga tuk kunjungan dan apresiasinyax.

      Hapus
  6. kerja yang bagus sekali...
    lanjutkan mbak semoga bermanfaat bagi banyak orang dan mbak sendiri.
    sukses selalu bwt mbak

    BalasHapus
    Balasan
    1. Iya, thanks supportx. Amiin. Sukses selalu juga untuk anda.

      Hapus
  7. pengen coba tapi udah pake bawaan blogspot :D .. pengen emoticonnya itu kak .

    BalasHapus
    Balasan
    1. Ini masih bawaan blogspot juga kok, khan CSS diatas hanya untuk modifikasi dinda. Untuk emoticonsx lihat aja tutorialnya ya! Semoga sukses. Terimakasih apresiasix de'.

      Hapus
  8. saya comot ya mbak, salm kenal dari putra saya follow juga

    BalasHapus
    Balasan
    1. Silahkan, salam balik juga dari blogger Mksr. Terimakasih atas apresiasinya.

      Hapus
  9. mbak kok enggak ngaruh ya di blogku

    BalasHapus
    Balasan
    1. pertama sobat cari yg seperti ini:


      /* Comments----------------------------------------------- */


      trus copy paste code CSS modifikasi threaded comment, tepat di akhir kode


      /* Comments----------------------------------------------- */

      Hapus
    2. ini kan buat thread comment langsung tombol balass.. tadi saya lihat di blog www.dputra.com
      coba jangn pake komentar popup pake yang biasa ajah.. .>
      atau agan punya blog lain..??

      Hapus
    3. Coba dibaca tanggapan saya atas pertanyaan serupa sobat untuk komentator pertama dan kedua, semoga bisa menemukan solusinya.

      Tapi kalau seperti kata sobat AbdulRohman, maka langkah pertama sobat setting dulu kolom komentar disemat dibawah posting, bisa search tutorialnya diblog ini. Selanjutnya seperti uraian diatas. Terimakasih.

      Hapus
  10. Aih memang modifikasix menariklah. Dibookmark dulu. Terimakasih sharingnya mbak.

    BalasHapus
    Balasan
    1. Silahkan dibookmark, sama-sama. Terimakasih juga tuk apresiasinya.

      Hapus
  11. wah keren nih sob modifikasinya..? saya ijin simpan dulu nih sob, saya belum langsung bisa praktek nih..hehehehe makasih ya sob..?

    BalasHapus
    Balasan
    1. Iya, silahkan disimpan dan dipraktekan apa ada waktunya aja. Terimakasih tuk kunjungan dan apresiasinya.

      Hapus
  12. sebelum berkomentar follow dulu ah, sukses 1173. modifikasi kolom komentar yang mbak tulis ini cukup bagus. ini akan memberikan suatu nuansa tersendiri bagi pengunjung. saya bookmark dulu. salam kenal. :)

    BalasHapus
    Balasan
    1. Yup benar sekali karenanya anaapun menyebutnya menarik. Silahkan dibookmark dan terimakasih tuk apresiasinya. salam kenal juga dari blogger Mksr.

      Hapus
  13. cara mengubah warna thread commentnya gmana mbak?

    BalasHapus
    Balasan
    1. Warna apanya threaded comment yang ditanya ni? Comment headernyakah, comment h4, comment block, comment content atau apanya?

      Kode warna pada CSS diatas itu seperti ini #FFF atau #333 ganti aja sesuai keinginan. Semoga membantu.

      Hapus
  14. jadi pingin ngutak-ngatik template lagi ni :) dah lama tak mampir sini mbak, banyak yang hott (h) :d

    BalasHapus
    Balasan
    1. Iya, terimakasih dah berkunjung lagi kawan.

      Hapus
  15. Bermanfaat Mba... sudah saya praktekkan(di Sofyan Salim ).... Thanks ya...

    Salam

    BalasHapus
    Balasan
    1. Sudah anaa cek out, keren khn? Sama-sama terimakasih juga tuk kunjungan dan apresiasinya.

      Hapus
    2. Yarp... Keren bangat Mba.. Aplagi di sesuaikan dengan selera... hehe
      Btw, Salam Silaturahmi ya Mba..

      Hapus
  16. Balasan
    1. Terimakasih jg tuk kunjungan dan apresiasinya.

      Hapus
  17. dah ane pasang tuh.. coba cek (o) makasih banyak yaa ??

    BalasHapus
    Balasan
    1. Serupa tapi tak sama. Itu modifikasi dari sobat Abdrohman khan? Makasih kunjungannya.

      Hapus
  18. Maaf mas mau nanya, kalau sudah ada yang lama trs apa bisa langsung di ganti gitu aja mas.

    BalasHapus
  19. Terimakasih atas informasinya gan...

    ane bookmark dulu ya gan...

    happy blogwalking kawan...

    sekalian minta saran buat blog saya http://aan-shared.blogspot.com
    thx!

    BalasHapus
  20. Udah Di Coba Terimakasih Kk Lihat Blog Aku http://ramazord.blogspot.com Udah Aku Ganti Warna Thanks :)) :))

    BalasHapus
  21. saya simpen dulu sob kodenya..melihat previewnya, bagus jga. Sapa tahu nanti sya tertarik jga. :D

    BalasHapus
  22. nmantep lah sob.berkunjung siang kang.

    BalasHapus
  23. udah tak coba....4X...tapi gagal truss..... ;(( ;(( ;(( :-b

    BalasHapus
  24. Sip artikelnya mba. :) work di blog saya. 8-)

    Oh ya,cara mengganti warnanya seperti apa mba?
    spesifikasinya warna hijau pada kolom tanggal, ungu pada kolom nama admin dan orenge pada kolom nama penunjung? sekalian cara ganti warna tulisan komentarnya seperti apa? di blog saya comentnya warna "grey" alias abu-abu, mana backgroundya putih, jadi rada kaga keliatan tulisannya. ;-(

    Silahkan di cek di blog saya darkmetaland.blogspot.com
    di tunggu jawabannya mba. ;-(
    terimakasih sebelumnya. :))

    BalasHapus
  25. ask, biar komentar balasan (admin) ada tombol replay / balasnya gimana yah cara settingnya ? soalnya cuma ada tombol hapus doank.

    BalasHapus
  26. waw sekali :D mantap banget bagus lagi hehehe oh iya gan, ane ada masalah dengan dengan readmore kira2 apa ya masalahnya ? padahal udah sering banget ane coba tetep gak bisa

    BalasHapus
  27. penyampaian yang aps gan :D like this lah pokoknyA :)

    BalasHapus
  28. maaf gan baru bisa komen sekarang nih ,, tampilan kotak komentarnya keren :)
    saya udah coba praktekin duluan :d

    BalasHapus
  29. Thanks mbak
    Visit blogku jg ya
    http://voltingnothing.blogspot.com/

    BalasHapus
  30. makasih ya, tutornya sangat mudah sekali di terapkannya :)

    BalasHapus
  31. cantik y mbak, pnuh warna warni :d

    BalasHapus
  32. kalo di blog ini termasuk threaded-comments versi yang ke berapa??

    BalasHapus
  33. Terima kasih infonya,saya pasang berhasil,ditunggu kunjungan baliknya

    BalasHapus
  34. saya sudah jadi, tapi replay / balas dan add coment nya kok gak bisa ya mas, tolong bantuanya

    silahkan cek di
    http://www.kasihinfo.com/

    BalasHapus
  35. Perbedaan dari kedua Modifikasi Threaded Comments itu apa?

    BalasHapus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

NB:Sebelum menyisipkan kode silahkan gunakan tool konversi kode terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar
Konversi Kode di Sini!