Tampilan Komentar Berbeda (Template Baru) ~ KHAIRUL ABDAL

Khairul Abdal- Hey kawan kita ketemu lagi, apa kabar semuanya? pasti sehatkan? disini saya akan membawa postingan terbaru dan terhangat.

Yuk langsung saja ke tutorialnya

Masuk pada menu Design -> Edit HTML dan centang "Expand Widget Templates"
Taruh Code CSS 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;
}
Kemudian cari code yang berwarna hitam lalu sisipkan code yang berwarna merah, seperti dibawah ini.

<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<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'>
<data:comment.body/>
</dd>
<b:else/>

<dd expr:class='"comment-body " + data:comment.commentAuthorClass' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<data:comment.body/>
<b:else/>

<data:comment.body/>


</b:if>
</dd>

</b:if>

<dd class='comment-footer'>

Perhatikan betul-betul penempatanya
SAVE dan lihat hasilnya.

Senang telah berbagi informasi dan ilmu kepada kawan dan semuanya... Terima kasih telah berkunjung hari ini,untuk membaca sebuah Artikel yang tiada artinya Wassalamualaikum....

KHAIRUL ABDAL

Tampilan Komentar Berbeda (Template Baru)

Related Posts :

1 Response to "Tampilan Komentar Berbeda (Template Baru)"