-->

Cara Membuat Comment Author Berbeda Warna ( Author Highlight )

Tampilan Komentar Owner atau pemilik blog berbeda ini sudah menjadi pernak-pernik blog yang popular karena dengan trik ini pembaca komentar bisa membedakan author dengan user di komentar artikel, begitu juga dapat membuat tampilan blog lebih apik dan menarik. hightlight comment blogger
Untuk cara pembuatannya ikuti langkah berikut ini :
  1. Langkah 1 : Silahkan Login dan Back Up template Anda.
  2. Langkah 2 : Beri tanda centang pada kotak di samping tulisan Expand Template Widget kemudian cari kode ]]></b:skin> .
  3. Langkah 3 : Copy kode di bawah ini di atas kode ]]></b:skin>
    .comment-body-author {border: 1px solid #333;background: #181816;margin: 10px 10px 10px 15px;padding: 5px;}
  4. Langkah 4 : Silahkan Anda cari kode yang di bawah ini
    <dd class='comment-body'>
    <b:if cond='data:comment.isDeleted'>
    <span class='deleted-comment'><data:comment.body/></span>
    <b:else/>
    <p><data:comment.body/></p>
    </b:if>
    </dd>
  5. Langkah 5 : Tambahkan kode dibawah ini berikut di atas kode yang telah Anda temukan pada Langkah 4.
    <b:if cond='data:comment.author == data:post.author'>
    <dd class='comment-body-author'>
    <p><data:comment.body/></p>
    </dd>
    <b:else/>
  6. Langkah 6 : Tambahkan kode </b:if> di bawah kode yang Anda temukan pada Langkah 4.
  7. Langkah 7 : Copy kode di bawah ini di atas kode ]]></b:skin>
    <b:if cond='data:comment.author == data:post.author'>
    <dd class='comment-body-author'>
    <p><data:comment.body/></p>
    </dd>
    <b:else/>
    <dd class='comment-body'>
    <b:if cond='data:comment.isDeleted'>
    <span class='deleted-comment'><data:comment.body/></span>
    <b:else/>
    <p><data:comment.body/></p>
    </b:if>
    </dd>
    </b:if>
  8. Langkah terakhir silahkan Save Template.
Cara diatas tidak berfungsi jika blog kita menggunakan Threaded Comments, karena Tips Blogger diterapkan pada sistem komentar blogger versi lama.

Anda mungkin menyukai postingan ini

5 komentar

  1. Manuk Merak
    Contoh Style Blogger Template Contoh Style Blogger Template Contoh Style Blogger Template Contoh Style Blogger Template Contoh Style Blogger Template Contoh Style Blogger Template Contoh Style Blogger Template Contoh Style Blogger Template Contoh Style Blogger Template Contoh Style Blogger Template Contoh Style Blogger Template Contoh Style Blogger Template Contoh Style Blogger Template Contoh Style Blogger Template Contoh Style Blogger Template Contoh Style Blogger Template Contoh Style Blogger Template Contoh Style Blogger Template
  2. SAKA BHAYANGKARA POLRES PONOROGO
    Banyak posting tentang ini tapi di style blogger template ditampilkan lebih bagus, thanks coy !!
    • Anonim
      Style Crooooottt ................
  3. http://www.z33s.co.cc
    Visit me at http://www.z33s.co.cc !
  4. Goomelar
    Nice info sobat, salam kenal..oiya boleh dong share gimana cara bikin fixed sidebar kaya punya stylebloggertemplate.?
  1. Untuk menyisipkan sebuah kode gunakan <i rel="pre">code_here</i>
  2. Untuk menyisipkan sebuah quote gunakan <b rel="quote">your_qoute</b>
  3. Untuk menyisipkan gambar gunakan <i rel="image">url_image_here</i>