Komentar Admin yang Berbeda dengan Komentar Visitor

Utuk lanjutan artikel kali ini, saya mau berbagi tips untuk blogger yang ingin kotak komentar berbeda dengan visitor atau pengunjung.
Dengan menambahkan fiture ini dan seandainya artikel sobat bnyak yang memberikan komentar, pengunjung tentunya akan sedikit bingung untuk membedakan siapa admin atau pengunjung blog tersebut? Dan susah untuk berkenalan lebih jauh dengan pemilik blog tentunya.

Contohnya bisa di lihat gambar yang di bawah ini :

Dari contoh gambar tersebut, tag html yang digunakan adalah tag <div> seperti yang saya gunakan dan tidak semua template sama dan mungkin sobat pernah menemukan tips yang sama, jika sobat perhatikan tag kodenya kemudian terdapat tag <dd>, maka tidak akan ada perubahan untuk perbedaan komentar ini, karena kemungkinan besar tag komentar yang digunakan di template blog sobat menggunakan tag <div>.


Untuk memasang fiture ini, ikuti langkah-langkah berikut :

• Pastikan tag yang digunakan template komentar anda menggunakan tag <div>, bisa dilakukan dengan cara menemukan kode <data:post.comment/>. Jika sudah ketemu, coba sobat blogger baca kode sebelumnya, apakah di sana terdapat tag <div> atau tag <dd>.
• Jika sobat menemukan tag <div> silahkan lanjutkan ke langkah berikutnya tetapi jika tidak, perjalanan sobat hanya sampai si sini. Di tempat lain banyak sekali menyediakan tips-tips untuk yang menggunakan tag <dd>.
• Jangan lupa untuk menyimpan template anda terlebih dahulu, untuk meminimalisasikan jika terjadi kesalahan atau error, karena cara pemasangan fiture ini jauh lebih sulit dibandingkan dengan tag yang menggunakan <dd>.
• Copas kode di bawah ini kemudian letakkan di atas tag </head>

<link ='text/css' rel='stylesheet' href='https://sites.google.com/site/adityameilaz/adityasblog-1/komentar_admin.css'/>

• Temukan kode berikut :

<b:loop values='data:post.comments' var='comment'>
----------------------PASTE DI SINI--------------------------

----------------------PASTE DI SINI--------------------------
</b:loop>

• Setelah anda temukan kode tersebut, paste kode di bawah ini kemudian replace atau ganti semua kode yang berada di zona garis.

<b:if cond='data:comment.author == data:post.author'>
<div id='comment-header-admin'>
<div expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<div id='comment-profile-image'>
<b:if cond='data:blog.enabledCommentProfileImages'><data:comment.authorAvatarImage/></b:if></div>
<div id='comment-name-url'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a class='comments-autor-name' expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/><a class='comments-autor-name'> <data:comment.author/></a></b:if>
<a class='says'>says:</a>
</div>
<div id='comment-date'>
<span class='comment-timestamp'>
<a class='comment-permalink'><data:comment.timestamp/></a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
<a expr:href='data:post.url + &quot;#comment-post-message&quot;' style='background-color:#eeeeee;border:1px solid #cccccc;color:#000000;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:3px 10px;position:absolute;bottom:10px;left:12px;'>Reply</a>
</div>
<div class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<br/><br/><br/><span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<div style='clear:both;'/>
<p class='comment-body' style='padding-right:10px;'><data:comment.body/></p>
</b:if>
</div>
</div>
</div>
<b:else/>
<div id='comment-header'>
<div expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<div id='comment-profile-image'>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
</div>
<div id='comment-name-url'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a class='comments-autor-name' expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<a class='comments-autor-name'> <data:comment.author/></a>
</b:if>
<a class='says'>says:</a>
</div>
<div id='comment-date'>
<span class='comment-timestamp'>
<a class='comment-permalink'><data:comment.timestamp/></a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
<a expr:href='data:post.url + &quot;#comment-post-message&quot;' style='background-color:#eeeeee;border:1px solid #cccccc;color:#000000;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:3px 10px;position:absolute;bottom:10px;left:12px;'>Reply</a>
</div>
<div id='comment-body'>
<b:if cond='data:comment.isDeleted'>
<br/><br/><br/><span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<div style='clear:both;'/>
<p class='comment-body' style='padding-right:10px;'><data:comment.body/></p>
</b:if>
</div>
</div>
</div>
</b:if>

Simpan template anda dan cobalah berikan komentar anda dan lihat hasilnya?
Jika fiture ini tidak berjalan, mungkin lebih baik anda bertanya langsung dengan berkomentar atau menghubungi saya via email atau jejaring sosial yang sudah ada.

Gabung ke group:

Follow @aditya_m_r

Share