Tuesday, December 14, 2010

Highlight Admin [Author] Comment


Highlight Admin Author comment fungsinya adalah untuk membedakan komentar Admin Author / Pengarang / Penulis atau bisa di sebut juga pemilik blog dengan orang lain. Contohnya bisa dilihat dari blog ini. Kalau Admin[hitsuke] yang memberi komenter maka komentar yang muncul ada gambar thumbnail Admin dan juga komennya diberi warna background dan sedikit border, pokoknya ada efek-efek lain githu lah (: . Baiklah, sudah siap semuanya? Berikut akan saya jelaskan bagaimana caranya membuat komentar admin blog berbeda dari komen selain admin.

Highlight AuthorComment

Langkah 1


Login dulu ke blogger terus pilih Rancangan > Edit HTML



Langkah 2

Beri tanda centang pada "Expand Widget Templates"

Langkah 3

Copy script berikut ini sebelum kode ]]> atau copy kedalam kode css


.owner-Body{background-image:url(http://lh5.ggpht.com/_IjrRiI_bVb0/SzsBDYGcRnI/AAAAAAAACqk/2iOfnXxWGGc/author.jpg);background-position:top-left;background-repeat:no-repeat;text-align:justify;text-decoration:bold;margin:0;padding:10px 0 35px 90px}

.owner-Body p{background:#ffc;border:1px dotted #f5003d;margin:0 10px 15px;padding:10px 15px 10px 30px}


Ganti URL gambarnya dengan gambar sesukamu. Selebihnya otak-atik aja sendiri yah byar cepat pinter ^^

Langkah 4

Cari kode-kode berikut ini. Mungkin disetiap template kodenya akan berbeda, tapi walaupun berbeda cobalah cari kode yang semirip mungkin dengan kode dibawah ini

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<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>
said...
</dt>

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


<dd class='comment-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:loop>
</dl>

Langkah 5

Kode yang berwarna Merah adalah kode yang harus kamu tambahkan ke HTML kamu dan posisinya harus benar. Ingat itu yah!! 

Langkah 6

Kalau merasa semuanya sudah selesai di Save ya templatenya.
Comment author ini berfungsi berdasarkan profil dari pemilik blog. Jadi supaya efeknya muncul sebelum memberi komentar kamu harus login dulu di blogger. OK. Satu hal lagi yang perlu kamu ingat ini bukan untuk kotak komentar yang Haloscan melainkan yang murni dari blogger.


source: http://hitsuke.blogspot.com/2010/11/highlight-admin-author-comment.html

2 comments: