tutorial #51 :Cute Image on Comment box


Okay tutorial lagi .Scha tanya macam mane nak buat ada icon icon comel dekat comment box kita tuh kan .Dia tanya ni masa kat Budak-budak Bloggers*promote jap , .So sekarang aku nak buat tutorial cara nak buat dia ,

Ada dua part okay .Satu icon sebelah nama author and satu lagi sebelah tarikh .

Icon sebelah author

1Design >Edit html > Tick expands widget

2Ctrl+f serentak and cari code ni <b:if cond='data:comment.authorUrl'>

3Copy code kat bawah ni and paste kat bawah dia okay
<img src="Url icon here"/> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

Icon sebelah tarikh

1Cari code ni <dd class='comment-footer'>

2Ctrl+c serentak and copy code ni okay and paste kat bawah code kat atas tadi
<img src="Url icon here"<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>


Korang just kena tukar kan yang Url icon here tuh dengan icon yang korang nak .Tak perlu pakai icon yang besar-besar okay .Nanti dia tak cun .Pakai yang mini okay .Then picit button Save

:82:Nanti kalau korang view dia akan ada dua nama author dan dua tarikh kan ? Cuba padam code lama .Pakai yang code aku bagi tu k

3 comments:

anys nadhilah said...

apit , good :)

font blog anys , kecil sgt kew ?

Apit said...

@superb anhee .takda la .sesuai dengan layout tuh ? nak tanya leh ?macam mane anys buat button follow and dashboard tuh ?lain sikit la

Anonymous said...

Ya, mungkin karena itu

Subscribe