Jumat, 14 September 2012

Cara Membuat Highlight Author Comment Pada Blog

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:
  • 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> 
.comment-body-author {
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 :
<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>
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

0 Responses to “Cara Membuat Highlight Author Comment Pada Blog”

Posting Komentar