Namun perkembangan blogger pun membuat tutorial tersebut tak bisa dipakai pada template yang baru, karena template yang baru codenya berbeda dengan yang lama. Dan saya pun juga pernah menulis tentang bagaimana cara mengubah komentar lawas menjadi yang baru, lalu pada kesempatan kali ini Saya akan mencoba menulis tutorial tentang cara membuat tampilan kotak komentar pemilik blog berbeda di template baru.
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'>
<p><data:comment.body/></p>
</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'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</dd>
</b:if>
<dd class='comment-footer'>
Perhatikan betul-betul penempatanya
- SAVE dan lihat hasilnya. Okkeylah sekian dulu. semoga bermanfaat bagi Anda.
ini dia yang saya cari-cari.....
BalasHapusboleh dicoba gan
terimaksih ya dah mau share
Terimahkasih atas kunjungan dan tutorialnya sudah saya coba dan berhasil..
BalasHapusWew.Keren!!!
BalasHapusVisit back:coretanrifqi.blogspot.com
wah tips yg keren nih sob..? makasih ya.?
BalasHapus.wahhhh, terimakasih tipsnya gan,..
BalasHapuswah keren nih artikelnya
BalasHapus