Rabu, 01 Juli 2009
Browse Manual »
Wiring »
Komentar
»
Cara Membuat Highlight Komentar Author (Komentar Penulis Berbeda dengan Pengunjung)
Sobat ingin tahu bagaimana membuat komentar para pengunjung berbeda dengan pemilik blog. Fungsinya yaitu pengunjung dapat mengetahui yang mana saja komentar atau masukan dari penulis. Trik yang satu ini sangat mudah untuk diterapkan. Berikut adalah cara membuatnya:
1. Login ke blogger
2. Masuk ke Rancangan dan pilih Edit HTML
3. Expand widget template dan backup template sobat.
4. Cari kode ini: ]]></b:skin>
5. Kopi kode dibawah ini dan paste diatas kode ]]></b:skin>
6. Cari kode dibawah ini atau cari yang mirip dengan kode ini dan tambahkan kode yang berwarna merah sehingga terlihat seperti ini:
7. Simpan template sobat dan lihat hasilnya.
Klik disini untuk DEMO
Cara Membuat Highlight Komentar Author (Komentar Penulis Berbeda dengan Pengunjung)
Sobat ingin tahu bagaimana membuat komentar para pengunjung berbeda dengan pemilik blog. Fungsinya yaitu pengunjung dapat mengetahui yang mana saja komentar atau masukan dari penulis. Trik yang satu ini sangat mudah untuk diterapkan. Berikut adalah cara membuatnya:1. Login ke blogger
2. Masuk ke Rancangan dan pilih Edit HTML
3. Expand widget template dan backup template sobat.
4. Cari kode ini: ]]></b:skin>
5. Kopi kode dibawah ini dan paste diatas kode ]]></b:skin>
/* ------ Komentar Highlight defecafe ----- */
.komentar-highlight-defecafe {
background: #FAAC58; /* Warna Background */
border-top: 2px dashed #FA5858; /* Style Border */
border-bottom: 2px dashed #FA5858;
border-left: 2px dashed #FA5858;
border-right: 2px dashed #FA5858;
margin:0;
padding:0 0 0 20px;
}
6. Cari kode dibawah ini atau cari yang mirip dengan kode ini dan tambahkan kode yang berwarna merah sehingga terlihat seperti ini:
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<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>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='komentar-highlight-defecafe'>
<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>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
7. Simpan template sobat dan lihat hasilnya.
Klik disini untuk DEMO