Chyberart - Kali ini Saya ingin membahas lagi tentang cara mengotak-atik comments setelah kemaren membahas soal cara memindah tanggal komentar di sebelah author
tapi sekarang Saya akan membahas cara bagaimana memodifikasi tampilan
komentar pemilik blog yang berbeda dengan pengunjung blog.
Dari keterangan gambar diatas menunjukkan tampilan Comments Owner blog berbeda dengan pengunjung blog.
Bagaimana menurut Anda.. apakah Anda ingin mencobanya. ikuti langkah-langkah dibawah
Langkah pertama yang harus Anda lakukan adalah Log in ke blogger dan masuk menu Layout kemudian masuk menu Edit HTML
Jangan Lupa centang "expand widget templates"Lalu taruh Code dibawah ini diatas code ]]></b:skin>
.comment-body-author {
background: #FFFF29; /* Warna Background */
border:1px dotted #FF2929; /*Border*/
margin:0;
padding:0 0 0 20px;
}
Silahkan Edit Code CSS diatas sesuai kreasi Anda sehingga tampilan comments owner Anda menarik
Langkah selanjutnya masih di menu
Edit HTML dan tanda "
Expand Widget Templates" masih tercentang
Kemudian Cari Code dibawah ini
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<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>
<data:commentPostedByMsg/>
</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>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
Perhatikan
Code yang berwarna merah itu adalah code yang harus kamu tambahkan diantara code yang berwarna hitam diatas
Ingat penempatan code yang berwarna merah harus benar maka perhatikan
code yang berwarna biru itu adalah Tagsnya
Kalau sudah kemudian
Simpan dan lihat hasilnya
Sekian semoga bermanfaat