Friday, June 15, 2012

Membuat Komentar Admin Berbeda Tampilan

Membuat Komentar Admin Berbeda Tampilan

Masih membahas seputar komentar nih. Awalnya sih, saat aku blogwalking kesana kemari dari satu blog ke blog yang lain, secara tak sengaja aku menemukan sebuah blog yang memiliki keistimewaan tersendiri dalam kolom komentarnya, yaitu komentar Admin berbeda tampilan dengan komentar yang lain. Hal inilah yang membuatku penasaran, karena tampilan di kolom komentarku tidak demikian. Akhirnya seperti biasa aku tanyakan hal ini kepada mbah Google, dan ternyata sudah banyak sekali blog-blog tutorial yang membahas tentang hal ini di postingannya.

Nah, dikarenakan kemarin ada 2 orang sobat Penghuni 60 yang merasa penasaran juga serta menanyakan hal ini kepadaku. Akhirnya aku pun berencana untuk ikut memposting hal ini. Oke, gak perlu panjang lebar lagi, inilah cara membuat komentar Admin berbeda tampilan(cara ini hanya untuk kalian yang memakai template versi tata letak).

Contoh komentar admin Penghuni 60 yang berbeda tampilan:


Berikut langkah-langkahnya:
1. Silahkan Login terlebih dahulu ke akun blogger kalian.
2. Kemudian pilih Template - Edit HTML
3. Setelah itu carilah kode ]]></b:skin>
4. Copy paste kode di bawah ini tepat di atas kode ]]></b:skin>

.author-comments {
background: #333333;
border: 2px solid #666666;
padding: 5px;
}

kode #333333 adalah kode warna untuk background kotak komentar admin, kalian bisa menggantinya terserah kalian, dan kode #666666 adalah kode warna untuk garis tepinya (border), juga bisa kalian ganti terserah kalian.

5. Jika sudah, sekarang kalian cari kode berikut ini:

<data:commentPostedByMsg/>
</dt>

Jika sudah ketemu, copy paste kode dibawah ini tepat di bawah kode di atas, atau tepat di bawah </dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/>

6. Kemudian carilah kode <dd class='comment-footer'>
Jika sudah ketemu tambahkan </b:if> tepat di atas kode tersebut.

Maka secara keseluruhan (no.5 dan no.6) akan tampak seperti di bawah ini:

<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/> <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<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'>

7. Terakhir simpan template, dan kemudian untuk melihat hasilnya silahkan berkomentar di blog sendiri dengan catatan harus login di blogger terlebih dahulu.

Semoga bermanfaat.....



Signp60


No comments:

Post a Comment