Beranda » Komentar » Menandai komentar author di Blog

Menandai komentar author di Blog

Sambil menunggu tarawih dari pada bengong saya mau berbagi trik tentang komentar di blogger, dengann trik membedakan kelas komentar ini pengunjung akan lebih mudah tahu mana komentar author dalam blog tersebut sehingga untuk Si pengguna anonim tidak dapat dengan mudah menyamar sebagai author blog dengan tujuan menyesatkan.

Memasang trik ini pun mudah, dengan menggunakan variabel "data:comment.authorClass" - untuk penulis blog telah di atur ke class "blog-author". Pada dasarnya variabel ini membedakan dan mengelompokan semua "user comments" ke kelas div "normal-comment", dan "admin komentar" ke kelas div "admin-comment".

Buka Template > Edit HTML. Cari baris kode berikut:

<b:loop values='data:post.comments' var='comment'>

Tambahkan kode di bawah ini Setelahnya:

<b:if cond='data:comment.authorClass == &quot;blog-author&quot;'>
&lt;div class=&#39;admin-comment&#39; id=&#39;x<data:comment.anchorName/>&#39;&gt;
<b:else/>
&lt;div class=&#39;normal-comment&#39; id=&#39;x<data:comment.anchorName/>&#39;&gt;
</b:if>

Penting: Di dalam kode lama Anda perlu mengubah url profile author, dan pada kode baru Anda tidak perlu mengubah apa pun. seperti berikut kode lama:

<b:if cond='data:comment.authorUrl == &quot;http://www.blogger.com/profile/01234contohkucuyyabroooo&quot;'>
&lt;div class=&#39;admin-comment&#39; id=&#39;x<data:comment.anchorName/>&#39;&gt;
<b:else/>
&lt;div class=&#39;normal-comment&#39; id=&#39;x<data:comment.anchorName/>&#39;&gt;
</b:if>

Kemudian cari baris:

     <b:include data='comment' name='commentDeleteIcon'/>
   </span>
</dd>

(Anda dapat mencari dengan baris pertama). setelah baris tersebut tambahkan kode berikut:

</div>

Sekarang kita hanya perlu menambahkan style admin-comment agar terlihat berbeda.

Tambah CSS berikut di atas kode tag ]]></b:skin> :

.admin-comment {
background: #800000;
margin-top: 10px;
margin-bottom: 16px;
padding: 3px 3px 0 3px;
border: 1px solid #444;
}

Kemudian simpan template.

Anda dapat merubah gaya css admin-comment sesuai keinginan, CSS disini hanya sebagai contoh. Semoga sukses, jika ada pertanyaan silahkan tulis di komentar.

Menandai komentar author di Blog

Belum ada tanggapan untuk "Menandai komentar author di Blog"

Post a Comment