Beranda > Blogging > Membedakan Komentar Pemilik Blog

Membedakan Komentar Pemilik Blog

15 Juli 2009

Terus terang saya bingung ketika sedang blogwalking ke blog tetangga. Ketika mereka menjawab sebuah komentar, hanya pemilik blog yang  warna komentarnya berbeda. Setelah cari di mbah google, akhirnya ketemu juga triknya.

Langsung saja ikuti step by stepnya!!

  • Login dulu di Blogger 
  • Pilih tab Tata Letak
  • Edit HTML
  • Klik Download Template Lengkap untuk backup anda bila terjadi kesalahan
  • Centang “Expand Template Widget”

  • Cari kode di bawah ini menggunakan kombinasi keyboard CTRL+F(kemungkinan tidak sama persis)

#comments-block .comment-body p {
margin:0 0 .75em;
background:#f3f3f3 no-repeat left bottom;
}

  • Tambahkan kode CSS berikut tepat di bawahnya kode di atas
    .owner-Body {
    margin-left:20px;
    color:
    #000000;
    }

    .owner-Body p {
    text-align:justify;
    margin:0 0 .75em;
    padding-left:10px;
    background:#F2F2F2;
    border-left:3px dotted #6E6E6E;
    }

Ganti kode yang berwarna biru(color= warna teks; background= warna latar teks) dan sesuaikan dengan warna blog kamu.

  • Cari kode <dd class=’comment-body’>dan sisipkan kode-kode yang berwarna hijau seperti yang ditampilkan di bawah ini (pastikan sama seperti tampilan di blog ini)

<dl id=’comments-block’>
<b:loop values=’data:post.comments’ var=’comment’>

<dt expr:class='”comment-author ” + data:comment.authorClass’ expr:id=’data:comment.anchorName’>
<div class=’commentphoto’ style=’float:right;’/>
<a expr:name=’data:comment.anchorName’/>
<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>
<data:commentPostedByMsg/>
</dt>

<b:if cond=’data:comment.author == data:post.author’>
<dd class=’owner-Body’>
<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=’data:comment.url’ title=’comment permalink’>
<data:comment.timestamp/>
</a>
<b:include data=’comment’ name=’commentDeleteIcon’/>
</span>
</dd>

  • Simpan Pengaturan

Cara menggunakannya Anda harus terlebih dulu Login. Setelah itu lihat blog Anda dan berikan komentar Anda. Trik ini di khususkan pengguna Blogger.com.

Kategori:Blogging
%d blogger menyukai ini: