Hari ini kita akan belajar bagaimana cara buat komentar author berbeda dan ini menjadikan pengunjung blog Anda dapa mengetahui komentar-komentar Author. Blogger semakin maju dan kode ini baru-baru ditambahkan. Jadi untuk menyorot penulis atau komentar admin di Blogger Anda harus hanya menerapkan beberapa trik sederhana untuk mengaktifkannya. Tapi bagaimanapun, tutorial ini tidak memungkinkan bagi Anda yang telah menggunakan threaded comments. |
Berikut cara untuk melakukannya.
Anda akan menemukan bahwa bukan body komentar yang dibuat berbeda tetapi seluruh bagian dari komentar Anda sebagai komentar admin atau lainnya sebagai penulis akan berubah. Jadi pertama hanya mengikuti langkah-langkah:- Backup Template Anda terlebih dahulu.
- Buka akun blogger Anda
- Masuk ke menu Template > edit HTML > centang Expand Template Widget
- Cari kode yang mirip dengan template Anda dibawah ini :
<b:loop values='data:post.comments' var='comment'>Potongan dapat berbeda pada blog yang berbeda tergantung pada kustomisasi dan pembuat yang membuat itu. Jadi potongan utama untuk menemukan untuk yang <b:loop values='data:post.comments' var='comment'> dan ganti semuanya dengan kode </b:loop> (pada kode yang berwarna merah diatas) ganti dengan :
<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>
<dd class='comment-body' 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/>
</p>
</b:if>
</dd>
<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>
<b:loop values='data:post.comments' var='comment'>5. Sekaran cari kode ]]></b:skin> dan diatasnya ganti dengan kode dibawah ini :
<div expr:class='"author-comment " + data:comment.authorClass'>
<dt class='comment-author' 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>
<dd class='comment-body' 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/>
</p>
</b:if>
</dd>
<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>
</div>
</b:loop>
.comment-footer{6. Save Template Anda,
margin-bottom:0 !important;
}
.author-comment{
background-color:#F0FFF0;
padding:5px;
margin-bottom:1.5em;
border:1px solid #ccc;
border-radius:10px;
}
.author-comment.blog-author {
background: #FFEBCD url(https://lh3.googleusercontent.com/_-BRP4LFLyWc/TZX3b7r2AyI/AAAAAAAAATY/8Am8ri02OjE/s800/admin.png) no-repeat right top;
}
Keterangan :
- Ubah nilai hex warna, misalnya:#F0FFF0 atau #FFEBCD atau #CCC, dengan warna yang Anda inginkan untuk komentar Author
- Anda juga dapat mengubah background pada kode https://lh3.googleusercontent.com/_-BRP4LFLyWc/TZX3b7r2AyI/AAAAAAAAATY/8Am8ri02OjE/s800/admin.png
http://d-copy.blogspot.com/2012/09/buat-komentar-author-menjadi-berbeda-di-blogger.html
0 komentar:
Posting Komentar