Memberi Warna Berbeda Pada Komentar Pemilik Blog

Jika Anda ingin menjawab komentar yang ada padahal Anda adalah pemilik blog tersebut, maka memberi warna berbeda pada komentar pemilik blog adalah alternatif yang bagus bagi Anda. Dan lagi hal ini member kemudahan bagi pembaca untuk membedakan mana komentar dari pembaca dan mana komentar dari pemilik blog.


Nah, ingin tahu caranya? Silahkan simak langkah-langkah berikut ini :


1. Klik pada Layout


2. Klik Edit HTML


3. Kemudian seperti biasa klik Download Template Lengkap untuk menghindari kerusakan, dan jangan lupa beri centang pada Expand Template Widget.


4. Copy kode di bawah ini tepat di atas kode ]]></b:skin>

.comment-body-author { background: #E6E6E6; /* Warna Background */ border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344; margin:0; padding:0 0 0 20px; }

5. Carilah kode di bawah ini, mungkin kode CSS Anda dapat sedikit berbeda dengan kode di bawah, namun usahakan cari kode yang semirip mungkin. Kode yang berwarna hitam adalah kode milik Anda, sedangkan yang berwarna hijau adalah kode yang harus ditambahkan.

<dl id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt class='comment-author' expr:id='"comment-" + data:comment.id'> <a expr:name='"comment-" + data:comment.id'/> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment. authorUrl' rel='nofollow'> <data:comment.author/></a>< b:else/><data:comment.author/> </b:if>said...</dt> <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>

6. Klik tombol Simpan Template


Semoga bermanfaat dan jangan lupa berkomentar ya..

Dapatkan update hacking tutorial, tips dan trik menarik seputar teknologi, download full software, belajar bisnis internet, dan masih banyak lagi langsung ke email Anda sekarang juga!

Related Post