15 October 2008

(40) Comments

Highlight Author Comment

Highlight Author Comment fungsinya adalah supaya komentar author (pemilik blog) berbeda dengan komentar orang lain . Contohnya bisa dilihat di blog ini. Untuk komentar pemilik blog akan ada bordernya dan ada efek lainnya. Nha berikut ini akan aku beberkan cara untuk membuat Highlight Author Comment ini. Dah siap semuanya ? OK lets dance togather :D

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> atau copy ke dalam kode CSS.

.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. Mungkin kode yg ada di HTML kamu akan beda, tp 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' 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='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='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>


5. Kode yang berwarna merah adalah kode yang harus kamu tambahkan di HTML kamu. Posisinya harus benar, ingat itu.
6. Kalo sudah terus disave template kamu.

Comment author ini berdasarkan profil dari pemilik blog tsb. Jadi supaya efeknya muncul sebelum memberi komentar kamu harus login dulu di blogger. OK.
Oh ya ini bukan untuk komentar dari haloscan lho. Tapi hanya untuk kotak komentar yg dari blogger murni




Artikel yang Berhubungan :



Jumlah Komentar = 40
05 September, 2008
pertamakah? bensinkah?
baca dulu
05 September, 2008
mau ikutan, tapi belum ngerti baca dulu mas kendhi eh salah samurai-y
06 September, 2008
Yap! bekerja dengan baik.
makasih mas kend,...
PenCuri Kode said :
06 September, 2008
wah ko pas ya :D di saat saya lagi cari-cari...
JoVie said :
06 September, 2008
Saya juga punya artikel yang sama, udah lama sekali malah...tapi caranya mungkin beda....
ada DISINI
mr.ozay said :
06 September, 2008
makin asik aja nih...aku coba ahc, nanti kl kita kasih balasan tanpa login keblog..efek ini ga berfungsi yach?
Ali said :
06 September, 2008
Keren bro,, Nice... coba ah..
06 September, 2008
Wah Bagus nih tipsnya
06 September, 2008
lumayan ke 10 hehe :D

asik...nambah lagi nih ilmu saya ;)
setiawan said :
06 September, 2008
kok gak jalan di punyaku bos?
06 September, 2008
kapan aku ada waktu sih. panduan sudah ada,tapi kok waktuku mepet ya? btw, rutin nongkrong disini tuh emang gak sia sia. meski tuan rumahya juga selalu diam2 jika bertandang kerumahku,he..he...
Ade Sanusi said :
07 September, 2008
Saya Udah Pasang mas... Cuman dah Lama tapi Belum sempat Buat tutorialnya... dan Saya tambahkan Background juga mas.... :d
We-link said :
08 September, 2008
thx uat infonya,mas. Ntar kalo ada bomment di blogku baru pasang deh..
alief said :
08 September, 2008
wah...., bole nyoba nie....
08 September, 2008
oh yes.. trik ini yang tak cari2 sedari dulu..
thanks infonya..
iam said :
09 September, 2008
siip..tak coba dulu, mas..

terima kasih, mas..
beat2ws said :
09 September, 2008
Thx bgt bwt smua tip n trikny. Aq byk pke script dr blog ni. Aq jg mw tnya "bisa gak sbuah blog yg udah terindex di google dihapus suapaya tdk terindex lg? Coz blogku ganti nama tp yg trindex di hal. utama google malah blog yg dulu, blog baruny di hal. 2?Mohon pencerahannya scra detail" :)
empe-tiga said :
09 September, 2008
Makasih tutorialnya, mudah2an bisa nich. soalnya belum keliatan. Blognya masih baru, belum ada comment.

Moga makin ampuh aja dech.. trik-tips-nya.
10 September, 2008
contekan baru lagi ich, langsung surving..
nech mungkin blognya profesor blog ya, tau jenis2 code yg ruar biasa ribert,(tuh khan.
cemilan inspiratif:"nilai suatu persaHabatan sebenarnya dilihat dari ketulusan hati yang kesediaan amu berkorban bagi orang lain"

keep survive fren...
cHao
Ivana said :
10 September, 2008
great info!!
arief_spekta said :
10 September, 2008
wah,, aku pusing nih.. bisa berikan petunjuk gak buat template blogku... aku ambil template dari mas,, namanya coolblue.. tolong dong...
10 September, 2008
bos aku coba kasi url background kok ada bordernya yang menabrak tulisan ya.gimana cara buang border itu? dan seandainya aku mau buat teknya berwarna lain dan font lain dengan tek posting gimana caranya. tolong dong
budi said :
11 September, 2008
Wahh.. ada yg baru lg nih, thanks atas ilmunya Mas.
11 September, 2008
mas'e khi cool lho :)
abbysempoi said :
11 September, 2008
kalau akau sih masih pengen belajar nih
kalau ada yg mau bantu di persilakan
abbysempoi said :
11 September, 2008
kalau pengen mengiklankan sesuatu disini bisa gak yah?????
Anonymous said :
12 September, 2008
test :t
bLoGer said :
12 September, 2008
aduh.. kenapa komennya malah jadi 2 yha???
yang satu polos, yang satu ada highlight nya..
Bagian mana yah ynag harus dibenerin?
Minta pencerahannya mas...
makasih...
harry said :
14 September, 2008
wah....mas kendhin...makasih....ini yang aku cari....coba dulu....ah, entar kalopusing masuk lagi ah kalo enggak di ym ajha ama taringkusakti
adhi said :
14 September, 2008
Sudah saya terapkan di blog saya dan berhasil. Terima kasih!
:D
14 September, 2008
yeah, dah bisa mas
beat2ws said :
16 September, 2008
Maz Kendh.. Help me yaw..
Setiap aq edit HTML pas udah di save tmplate, mesti keluar pesan ERROR + Maafkan kami tdk bs melaksanakan permintaan Anda.....
Itu bnrnya knapa sih?? Bingung :?
Blogendeng said :
16 September, 2008
Mantap infonya,mas..Jadi ketagihan mampir terus ke sini terus deh. Mo dicoba ah..Meluncur ke TKP
Ashura said :
17 September, 2008
hii :D
Kendhin said :
18 September, 2008

@beat2ws , nanti lama2 juga akan terhapus sendiri kok. Kalo mintanya harus sekarang atau secepatnya mungkin harus menghubungi punggawa goole dulu kali ya.
@arief_spekta, lha ini petunjuknya.
@NAZA LUCKZANA , untuk menghilangkan bordernya bisa dgn cara menghilangkna kode ini :
"border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;"
sedangkan untuk memberi warna lain bisa ditambahi kode seperti :
color:#3366CC;
@abbysempoi, kalo cm promosi sih boleh aja, asal jangan Nyepam dan juga jgn kebanyakan.
@bLoGer, perhatikan lagi kode2nya bos, mungkin ada yg salah.
@beat2ws , bisa di jelskan secara lengkap pesan kesalahannya?
@Blogendeng, ketagihan? kayak candu aja :))

ikuta_meyru said :
20 September, 2008
This comment has been removed by the author.
24 September, 2008
seep,,,mampir ke blogku juga ya mas....
sETiawAn said :
21 October, 2008
mas kok tetep gak jalan ya...
sETiawAn said :
21 October, 2008
mas kok tetep gak jalan ya... ada yg kliru bagian mana ya?
Kuravista said :
27 October, 2008
maz kuk pnya q mala postnya kluar 2..
gmn ?? bingung ak?? dphl udah ak cek ulang :|

Post a Comment