Oct 23, 2010

Nak Letak Icon Comel bagi Button Comment?

Ha, aritu kat Happy Mode, saya ade gitau yang saya telah berjaya letak icon comment kat bawah post. Maklumla, template saya ni link commentnyer kat atas, jadi kekadang orang tak prasan coz biasanya link komen ni duk kat bawah..

So hari ni, saya nak sharelah cara2 utk letak icon comment yang comel lote.. Macam biasa, pi kat Dashboard > Design > Edit Html, then tick Expand Widget Templates. Menggunakan CTRL + F, search <span class='post-comment-link'> macam kat bawah nih..

Copy code kat bawah ni dan paste dekat bawah <span class='post-comment-link'> tadi..

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<center><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' title='Klik untuk komen!'><img class='post-comment-link' src='URL ICON'/>
</a></center>
</b:if>
</b:if>
</span>
Coding ni saya amik kat Liyana Lunia. Yang kaler hijau tu, uols nak tukar ayat berbunga2 pon boley.. Yang kaler merah tu, url untuk icon comment tu.. Macam saya, saya amik kat glitter graphics.. Kat situ macam2 ade.. Dah siap, save template dan siap sudaaa...

Tapi bagi kes template macam saya, which is link komen kat atas, icon comment uols tu akan berada kat atas. So cane nak solve problem ni? Senang aja, instead of uols paste coding atas tu kat bawah <span class='post-comment-link'>, uols search data:post.body macam kat bawah ni, then paste kat bawah tu..


Hasilnya, jadikla cam blog saya.. Suka tak?


1 comment:

  1. x jumpa carik
    span class='post-comment-link'

    kalau yg ni data:post.body ada, dh paste dh coding tu, tp xkuar pun huhuh ke dia depends on template ek

    ReplyDelete