Membedakan Komentar Admin
Published by AQUA under on 14.17
.
Saya begitu tertarik dengan tampilan Admin Coment dengan Blog-blog yang pernah Saya kunjungi. Sedikit mengistimewakan Admin dari pada Coment Guest dengan effek sederhana. Meski sederhana, tapi cukup menarik keinginan Ku tuk ikut meng-Upgrade effek Blog. Melalui Edit Template HTML (edit tata letak HTML), Centang pada Expand Widget Template, Cari code berikut :
Kalau sudah ketemu, kemudian tambah Script berikut tepat diatas kode <dd class='comment-body'>
Sehingga Posisinya seperti ini :
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-admin'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd></b:if>
Jangan Lupa tambahan penutup script pada ujung seperti Text Merah jika sudah. Sekarang tinggal kita membuat CSS nya cari lagi kode seperti ini ]]></b:skin>
Kemudian pada script berikut letakkan tepat pada atas ]]></b:skin>
* Catatan
Sobat bisa merubah script diatas untuk menyesuaikan dengan Template sobat
- Untuk Teks berwarna Hijau adalah warna dari Border
- Untuk Teks berwarna Kuning adalah warna dari Tulisan Admin
.
Saya begitu tertarik dengan tampilan Admin Coment dengan Blog-blog yang pernah Saya kunjungi. Sedikit mengistimewakan Admin dari pada Coment Guest dengan effek sederhana. Meski sederhana, tapi cukup menarik keinginan Ku tuk ikut meng-Upgrade effek Blog. Melalui Edit Template HTML (edit tata letak HTML), Centang pada Expand Widget Template, Cari code berikut :
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
Kalau sudah ketemu, kemudian tambah Script berikut tepat diatas kode <dd class='comment-body'>
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-admin'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body-admin'>
<p><data:comment.body/></p>
</dd>
<b:else/>
Sehingga Posisinya seperti ini :
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-admin'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd></b:if>
Jangan Lupa tambahan penutup script pada ujung seperti Text Merah jika sudah. Sekarang tinggal kita membuat CSS nya cari lagi kode seperti ini ]]></b:skin>
Kemudian pada script berikut letakkan tepat pada atas ]]></b:skin>
.comment-body-admin{border:1px solid #A9A9F5;margin:.5em 0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:20px;font-weight:bold;color:#A9A9F5}
* Catatan
Sobat bisa merubah script diatas untuk menyesuaikan dengan Template sobat
- Untuk Teks berwarna Hijau adalah warna dari Border
- Untuk Teks berwarna Kuning adalah warna dari Tulisan Admin
.
2 cOMEnt:
contoh nya ada gak bos??hoho
@Al husainiMaaf, tidak sempat cantumkan contoh (bentuk gambar) di posting ini. Tapi bisa dilihat perbedaannya dari Comment-comment Admin pd posting sebelumnya. Dan Termasuk pada Comment Admin di Posting ini. :)
Posting Komentar