28 Disember 2010

Tutorial#8 : Highlight Admin Comment

Sekarang tak habis lagi nak construct blog ni, kali ni nak [Highlight Admin Comment] lak, Jom kita buat sesama yer..Dah Google tadi terjumpa blog ni AizatAbuHassan melihat tutorial ni..Dah bukak Tab [New Post] & Tab [Dashboard] ni...Start!
Pic ni pun dari Blog Aizat Abu Hassan
1# Bukak Dashboard >> Design/Layout >>> Edit HTML >> Klik Expand Widget Template
2# Tekan Ctrl+F (atau F3) untuk search Keyword HTML : </head>
3# Pastu kat atas/Sebelum Keyword </head> tu, Pastekan Code ni:
 --------------------------------------------------------------------
<!--Komen-Pemilik-Blog-Mula-->
<style>
.comment-body-author {
background: #F5EDE3; /* Background color*/
color: #000000; /* Text color*/
border-top:2px dotted #002F66;border-bottom:2px dotted #002F66 ;border-left:2px dotted #002F66;border-right:2px dotted #002F66;
line-height: 2.4em;
margin:0;
padding:0 0 0 20px; /* Position*/
}
</style>
<!--Komen-Pemilik-Blog-TAMAT-->
 ---------------------------------------------------------------------------------
 P/S: Menurut beliau, Kaler merah tu penerangan jer, Kalau nak ubah warna, Tukar kat Kod yang berwarna Biru.
[Klik Sini untuk lihat Code Warna HTML]
p/p/s: perkataan "dotted" (berdot-dot) boleh di tukar kepada "solid" (garis lurus)

 4# Pastu search lagi Keyword ni:

<data:commentPostedByMsg/>
</dt>

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

(Dah jupe? Then further to the next step.)

5# Pastu beliau kata, Masukkan/Tambahkan Code yang berwarna merah macam kat bawah ni.....

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

6# Then, Save Template ni...Kalau nak tengok, try klik satu entry korang, then usha la ada ke takde....

Nota : Bergantung kepada jenis template blog

Ok dah try jadi dah, Cuma takde butang [REPLY] jer....Tutorial ni cuma terangkan nak highlight komen author/admin blogger jer......NEXT ENTRY wat bersama aku untuk edit butang [REPLY COMMENT] ni...huhu

0 $type={blogger}:

Catat Ulasan

Terima kasih kerana sudi baca.
Segala penulisan dan penerbitan di dalam blog ini berdasarkan kepada pengalaman, pandangan dan pemahaman peribadi blogger ismiqbal sahaja. Tahap pemikiran manusia tidak sama dan mungkin boleh buat pembaca terasa hati kerana ketidaksamaan pendapat.