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.

Baca juga :

5 comments:

  1. 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

    ReplyDelete
  2. Banyak posting tentang ini tapi di style blogger template ditampilkan lebih bagus, thanks coy !!

    ReplyDelete
    Replies
    1. Style Crooooottt ................

      Delete
  3. Nice info sobat, salam kenal..oiya boleh dong share gimana cara bikin fixed sidebar kaya punya stylebloggertemplate.?

    ReplyDelete

to Top