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.

  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>

    Keterangan :
    Kode yang berwarna kuning merukapakn kode yang saudara cari sesuai Langkah 4 sedangkan kode yang berwarna hijau adalah kode yang baru anda tambahkan.
  8. Langkah terakhir silahkan Save Template.
Untuk melihat hasilnya silahkan kunjungi Live Demo yang disediakan oleh Style Blogger Template. Live demo tersebut dibuat sesuai dengan tutorial : Cara Membuat Comment Author Berbeda Warna ( Author Highlight ) .
Referensi Artikel :
  1. Add different style for blog author / admin comments.
    Link : http://www.blogger-help.com/2009/03/add-different-style-for-blog-author.html
  2. Cara Membuat Komentar Admin Berbeda Warna.
    Link : http://www.imtikhan.tk/2010/10/cara-membuat-komentar-admin-berbeda.html

Cara Membuat Comment Author Berbeda Warna ( Author Highlight )
  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