Selasa, 21 Oktober 2008

Tampilan komentar berbeda pada autor

Untuk membuat perbedaan komentar antara pemilik blog dan pengunjung perlu adanya perbedaan warna tampilannya, ya itu akan memudahkan pengunjung mengetahui komentar dari
pemilik atau author blog. Gimana cara bikinnya? yuk kita lihat



1. Login ke blogger trus ke menu "Layout --> Edit HTML"
2. Beri tanda centang pada kotak "Expand Widget Templates"
3. Copy script berikut ini sebelum kode ]]</b:skin>.

.comment-body-author {
background: #E6E6E6; /* Warna Background */
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}


4. Kemudian cari kode2 seperti berikut warna hitam dan masukan kode yang warna merah seperti dibawah ini. Mungkin kode yg ada di HTML kamu akan beda, tapi walaupun beda usahakan semirip mungkin dengan kode berikut ini :

<dl id="comments-block">
<b:loop values="data:post.comments" var="comment">
<dt class="comment-author" id=""comment-" + data:comment.id">
<a name=""comment-" + data:comment.id">
<b:if cond="data:comment.authorUrl">
</b:if></a><a href="data:comment.authorUrl" rel="nofollow"><data:comment.author></data:comment.author></a>
<b:else>
<data:comment.author>
</data:comment.author>


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


<dd class="comment-body">
<b:if cond="data:comment.isDeleted">
<span class="deleted-comment"><data:comment.body></data:comment.body></span>
<b:else>
</b:else></b:if><p><data:comment.body></data:comment.body></p>
</dd>

</b:if>




<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://www.blogger.com/%22#comment-%22%20+%20data:comment.id" title="comment permalink">
<data:comment.timestamp>
</data:comment.timestamp></a>
<b:include data="comment" name="commentDeleteIcon">
</b:include></span>
</dd>
</b:loop>
</dl>


bila sudah simpan template dan lihat hasilnya, sebagai contohnya...lihat pada komentar dibawah ini.


thank's to mas kendhin


Ingin mendapat artikel seperti artikel di atas langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan.

Ayo gabung dengan internet marketer atau blogger lainnya di facebook dan twitter. Silahkan klik link di bawah ini...

[Facebook] - [Twitter]

Read this | Baca yang ini



Widget by [ Tips Blogger-Tutorial Blogger Pemula ]

4 comments:

arie mengatakan...

nie sebagai contoh dari hasilnya...

jeffrey mengatakan...

bung arie,punya tips untuk membuat review yang sangat bagus sehingga di sukai oleh klien nggak ? yang di mana semuanya itu bisa meningkatkan penghasilan yang me-review

thanks

arie mengatakan...

kalau membuat review jangan samapai copy paste milik orang lain, penataan bahasa sangat penting dan anchor serta link outnya harus diperhatikan...

SatRya RoVeRs mengatakan...

mas..mau tx nih!!!
bgemana cara membuat "Poskan Komentar" yg kyk ginian yg disertai emotion??

Posting Komentar

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Untuk menggunakan emotion copy paste kodenya saja, budayakan berkomentar setelah membaca ya .

Note : Harap gunakan nama anda dan jangan menggunakan keyword-keyword tertentu atau komentar anda tidak akan dipublish...