Tuesday, March 30, 2010

Membuat Tampilan beda untuk komentar pemilik blog


Cara Membedakan tampilan komentar pemilik dengan pengujung atau istilah kren-nya Author Comment Highlight
tentu akan mempermudah pengunjung lain untuk melihat mana komentar dari pengunjung blog dan mana komentar pemilik blog.

Yuk Tengok langkah cara membuatnya:

Pertama:

Masuk pada Template -> Edit HTML -> jangan lupa beri tanda centang pada Expand Template Widget



cari kode <dd class=’comment-body’> atau lihat arahan kode warna hijau dibawah ini,
jika sudah ketemu kode <dd class=’comment-body’> tambahkan kode dengan warna merah di atas kode tersebut.
kemudian tambahkan juga kode </b:if> seperti tampak pada kode dibawah.


<dl id=’comments-block’>
        <b:loop values=’data:post.comments’ var=’comment’>
<b:if cond=’data:comment.author == data:post.author’>
<dt class=’owner-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>
<data:commentPostedByMsg/>
</dt>
<b:else/>
          <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>
            <data:commentPostedByMsg/>
          </dt>
</b:if>




Persis seperti ini:




<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>




<b:if cond=’data:comment.author == data:post.author’>
<dd class=’owner-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:else/>



Langkah Terakhir adalah:

Kemudian tambahkan kode CSS dibawah ini

Cari kode dengan warna hijau, jika sudah ketemu tambahkan kode dengan warna merah dibawahnya.

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


.owner-Body {
margin:0;
padding:0 0 0 20px;
}
.owner-Body p {
font-size:100%;
margin:0 0 .2em 0;
color:#FF0000;
text-decoration:bold;
}


Selamat mencoba.. :D

COMMENTS :




Don't Spam Here

4 komentar to “ Membuat Tampilan beda untuk komentar pemilik blog ”

test

Anonymous said...
on 

@anomims: kalo kasih koment yang bener donk.
lain kali jangn di ulangin lagi ya?

Mazwawan Blog said...
on 

Artikelnya bagus mas tapi sayang sekarang saya sudah beralih ke lain hati alias wordpress. Tapi, tetep top abiez...

Dwi Wahyudi said...
on 

@dwi: Emng pake wordpress lebih ciamik pa dari blogger?

Mazwawan Blog said...
on 

Post a Comment

Bagi sobat-sobat silahkan comment disini, Insya Allah saya comment balik di blog anda dan Saya follow juga. Blog 7ASK adalah Blog Do Follow, Terimakasih atas kunjungan Anda..!

 

Copyright © 2008-2011 All Rights Reserved. Mobile View Powered by 7ASK / WAWAN ADIE and Distributed by Template

Facebook Twitter Mykaskus