» » Tampilan Komentar Owner Blog Berbeda

Tampilan Komentar Owner Blog Berbeda

Kali ini ane mau share mengubah tampilan owner blog berbeda dengan pengunjung blog. Di bawah ini screenshotnya.


Ok, langsung saja kita praktekkan. 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;
}
 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='&quot;comment-author &quot; + 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 putih diatas
Ingat penempatan code yang berwarna merah harus benar maka perhatikan code yang berwarna biru itu adalah Tagsnya
 


Untuk background komentarnya bisa sobat ganti tulisan yang berwarna orange dengan kode warna sesuai sobat inginkan. Untuk kode warnanya, sobat dapat membacanya disini.

Kalau sudah kemudian Simpan dan lihat hasilnya

Sekian semoga bermanfaat
Sumber : www.tutorial-jitu.blogspot.com
0 Komentar untuk "Tampilan Komentar Owner Blog Berbeda"