Cara Membuat Signature dibawah Komentar Admin

Dulu saya pernah membahas cara menambahkan signature (tanda tangan) pada postingan. Nah, sekarang bisa nggak kalau di komentar? Oh, tentu saja bisa. Ini bisa digunakan sebagai pembeda antara komentar admin dan pengunjung. Yahud nggak tuh? (evil_grin)

Bagaimana caranya gan?

Begini nih...

1. Login ke Blogger *eh, asal tahu saja sekarang tampilan halaman awal blogger baru lagi loh...* lalu klik Rancangan > Edit HTML.

2. Centang kotak kecil Expand Template Widget.

3. Cari kode berikut.

<dd expr:class='&quot;admin-comment-body &quot; + 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>

4. Lalu isikan seperti berikut dibawahnya.

<dd class='admin-comment-credit'>
Isi dari signature...
</dd>

Ubah isi signature dengan yang anda inginkan. Misal:

<dd class='admin-comment-credit'>
<p>Posted by Muhammad Rizki Fadillah. Semoga bermanfaat dan memberi inspirasi.<br/>
Blog: <a href='http://mrizkifadillah.wordpress.com'>WordPress</a> | <a href='http://mrizkifadillah.tumblr.com'>Tumblr</a> | <a href='http://www.emeref.co.cc'>Homepage</a><br/>
MRF on Web: <a href='http://facebook.com/mrizkifadillah'>Facebook</a> | <a href='http://twitter.com/mrizkifadillah'>Twitter</a> | <a href='http://plurk.com/mrizkifadillah'>Plurk</a><br/>
YM: muhammadrizkifadillah<br/>
<img src='http://opi.yahoo.com/online?u=muhammadrizkifadillah&amp;m=g&amp;t=2'/></p>
</dd>

5. Cari kode ]]></b:skin>, lalu ketikkan kode berikut diatasnya. Ini berfungsi untuk memberikan style dari signaturenya.

.admin-comment-credit{
/* Style yang diinginkan */
}

Misal: untuk membuat border hitam solid setebal satu piksel diatas signature.

.admin-comment-credit{
border: 1px solid black;
}

6. Simpan.

Sekarang tiap komentar admin akan dibubuhi signature. (funkydance)

Apabila anda menyukai postingan ini, anda bisa men-sharenya ke yang lain. Semisal ke Facebook atau Twitter. Silakan klik salah satu pilihan dibawah.

Artikel Menarik Lainnya