Jumat, 14 September 2012
Cara Membuat Highlight Author Comment Pada Blog
Do you like this story?
Panduan blogger untuk para blogger pemula.Panduan blogger yang akan membahas,menjelaskan serta membantu sobat blogger semua tentang "Cara Membuat Highlight Author Comment Di Blog".Highlight Author Comment mempunyai
fungsi supaya komentar yang ditulis oleh pemilik blog tersebut berbeda
dengan komentar yang ditulis oleh pengunjung blog atau orang lain.Jadi
disini akan membedakan komentar pengunjung dengan komentar pemilik
blog.Biasanya untuk membedakannya di tandai denngan efek-efek khusus
atau tanda-tanda khusus.Misalnya komentar pemilik akan ada bordernya dan
lain sebagainya.
Dan untuk membuat Highlight Author Comment,silahkan ikuti langkah-langkah seperti berikut ini:
background: #E6E6E6; /* Warna Background */
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}
<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>
said...
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<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>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
Dan untuk membuat Highlight Author Comment,silahkan ikuti langkah-langkah seperti berikut ini:
- Login ke Blogger
- Klik Rancangan/Tata Letakkomentar
- Klik Edit HTML
- Beri tanda centang pada tulisan "Expand Widget Templates"
- Copy kode HTML di bawah ini dab letakkan sebelum kode ]]></b:skin>
background: #E6E6E6; /* Warna Background */
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}
- Kemudian cari kode2 seperti berikut. Mungkin kode yg ada di HTML kamu akan beda, tp walaupun beda usahakan semirip mungkin dengan kode berikut ini :
<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>
said...
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<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>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
- Kode yang berwarna merah adalah kode yang harus kamu tambahkan di HTML kamu. Posisinya harus benar, ingat ya....
- Klik Pratinjau untuk melihat apakah sudah berhasil,jika gagal klik aja Bersihkan Edit
- Jika berhasil,silahkan kilik Simpan
- Selamat Mencoba dan semoga berhasil
This post was written by: Franklin Manuel
Franklin Manuel is a professional blogger, web designer and front end web developer. Follow him on Twitter
Langganan:
Posting Komentar (Atom)
0 Responses to “Cara Membuat Highlight Author Comment Pada Blog”
Posting Komentar