Jumat, 06 Januari 2012

Membuat Komentar Admin Berbeda


Komentar Admin Berbeda dengan pengunjung blog. Itulah yang akan dibahas pada postingan zona-klik kali ini. Perbedaan antara komentar admin dengan pengunjung blog ini dapat membantu pengunjung mengetahui siapa pemilik atau admin blog tersebut, apalagi jika blog tersebut menampilkan photo atau avatar pada setiap komentar. Untuk lebih jelasnya bisa dilihat pada komentar posting blog ini dengan nick zona-klik, nick zona-klik akan menampilkan komentar dengan background yang berbeda.

Tutorial ini zona-klik dapat dari blog Ayas saat bertanya sama om google untuk membuat komentar admin berbeda dengan pengunjung 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: #ebebeb;
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>
</b:loop>
</dl>

Kode berwarna merah adalah kode yang harus ditambahkan pada blog anda sesuai dengan posisi pada kode diatas.

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

7. Simpan Template.

0 comments:

Posting Komentar

Comment