Thursday, May 22, 2025

19 December 2009

Membuat Kotak Komentar Pemilik Blog yang Beda


Kotak komentar pemilik blog Berbeda dengan pengunjung blog. Itulah yang akan saya bahas pada postingan kali ini. Perbedaan antara kotak komentar pemilik blog dengan pengunjung blog ini dapat membantu pengunjung mengetahui yang mana komentar dari pengunjung dan yang mana komentar dari pemilik blog tersebut. Untuk lebih jelasnya sobat bisa melihat kotak komentar pada blog ini, ada perbedaan antara background kotak komentar pengunjung dan pemilik blog.

adapun langkah-langkahnya sebagai berikut :

1. Login ke Account blogger dengan username dan password pribadi.

2. Klik Tata Letak --> Edit Html --> centang "expand template widget"

3. Cari kode dibawah ini (tekan ctrl + F untuk mempercepat pencarian)

]]</b:skin>


3. Copy kode dibawah ini sebelum kode diatas :

.comment-body-author {
background: #fedadc;
border:1px dotted #000000;
margin:0;
padding:0 0 0 20px;
}



Keterangan :
background = warna latar belakang yang disukai
border = ketebalan garis

4. Cari kode berikut :

<dl id='comments-block'>

5. Akan terlihat tampilan kode berikut :

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author
&quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<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='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='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>

6. Kode yang tercetak tebal adalah yang harus ditambahkan dan diletakkan sesuai dengan posisi seperti diatas pada setiap blog.

7. Simpan Template.

Silahkan sobat lihat hasilnya...







Cari Topik yang Anda Inginkan Disini

Baca juga yang ini :



Jika merasa artikel ini bermanfaat, silahkan bagikan ke teman Anda lewat tombol-tombol di bawah ini ….

Stumble
Delicious
Technorati
Twitter
Facebook
Reddit

1 comments:

Outline on 26/1/11 21:47 said...

info yang bermanfaat sob

Post a Comment

Silahkan Sobat meninggalkan komentar, mau nanya?, kasih saran?, atau mau kritik? Biar kita makin dewasa gitu...

 

Blog Paksya. Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com