TUTORIAL Letak icon comel disetiap title entri blog archive

by - 12:30:00

Assalammualaikum, peace upon you.
TUTORIAL Letak icon comel disetiap title entri blog archive | tutorial kali ni lebih mudah dan simple. Bagi yang nak cantikkan lagi title setiap entri dalam archive korang tu boleh follow step shida ni ok, kalau dah letak scroll bar berwarna tak salah pun kita cantikkan bahagian lain pula, icon yang shida maksudkan tu boleh lihat pada gambar di atas yang icon gambar strawberi tu :)

1. Buka bahagian template --> cari kod ini :  <li><a expr:href='data:i.url'><data:i.title/></a></li>
2. Dah jumpa kod tu korang delete ok dan gantikan dengan kod di bawah
<li><img src='URL ICON'/><a expr:href='data:i.url'><data:i.title/></a></li>
3. URL ICON --> gantikan dengan url icon yang korang ada, kalau tak ada boleh ambil yang shida sediakan dibawah

4. Preview dulu kalau jadi boleh SAVE ok. Selamat Mencuba!

FREE URL ICON :
 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyktUOSEvo8LRUfMi3QcDol3PSxyjpZ2k8yyqDfj35b8M3HVFDIpw5VkHZDV3htYvCU5nF-1k_HH_BhpkUZSNt_qwh5wgAQsFLDXEVyrtq1XKxfaftvUbu7giAOjX16v3fmEzSy6lTsduN/s1600/glitter1.gif
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghB1QsZhLKvMQqBON1DF2jBxieAfr9JrPkNRghXY6wO0QvBt24_Oa_TWxX9FT4lwdsx0Fhk6la_ld-XkzhunCxRCU-bEpJeIVZtdCjk5KXQ90aqHPkcQGTYyXM7n5lV9i4mVwiFlya65X1/s1600/glitter2.gif
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKJwTSUWcZ7F11BvqWT8BWTtZtW-h_EC3Z0gMOW8hXtTSyoyayYql2lYAq9fliUYlGRWKUXGg18sQHet_9Yej7ucvJtVsYOpKFuAvPCQSBih5gDO4jG6DleNoBcUMiCUp6iGgoevnAH3hW/s1600/glitter3.gif
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigUqDMMv6yCJ1l9NocURdWaiimEyxYa5rRGY8886UQkFHRsKdp7Iqv3H8lOH9hP7bSwGu4gnJjyoQbAdbjZDNQY6qwSbQpzkk9_y4ez3i37H19u7k05ZILog5c2TTqClYC_wtqpq2kyzfs/s1600/glitter4.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIIeHjY3biZslIyd4tlSKI1XWefc52OymIPe4O3FThXVzm-ytXLemlU00Cn2rQZ0U22zKtQox8egIUNxvUCE1SqVmW3iJXsp6js88FLn-KvpsLEIr-Rf-BDtqrA3JRaZ1q6qHvlMBUCwis/s1600/glitter5.gif
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxhOmJI7kYGkrz0-LOsrAOAIpeKTMHgl3TEKQ0NwVY3ydUkawI85wTyPd7qcuI-gZjh-YfcXSR2OfGHXbco6WByBoiDxOK_l6l19m6vRfkavOiBaU4SHAQxskLNv7ilnHTvvc-rT4t4FdF/s1600/glitter6.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvRSDuaPYHfX82V4nFnVyJ4hPlWxXKQ2ggqvNEPv4tuekhCB4DXWJlK2ttvSUY__41uWY4gmv6EIYaZePOQg7_4tLh7sGBU1uvCRKQDoK_eWkiIEUqshT90RAF2GNWt1fA3AUlkDnvSM0k/s1600/glitter7.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg86PJzWcrpWcCpFcZ060vk0Er0BUBx8j6plqmkqpvJ4kz4ELBpTLiM48MUYQa66SLOv0sFy-ak5scekbBYzw3P1SBHsXoDZg4Gu9iTIp0gozDH5g7BLEJvk1vc5JjwyLbJ8z8D8WAUF-vd/s1600/glitter8.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ0JR9VzgVsEKUzaZACdftKhdB1j0lUsy0quK__J_0WT-L5fB3_XDOnIqfWjJqOlCmv0-d51clgDmKCqW1qJTgn1M71kJgG4p5315kNeSmh07P8xfupaKCx4YYMu_E3cVWT7400VjR8n2D/s1600/glitter9.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyfaUT3NoaKSs7BJICmsYJ1oC3NuRahk0xcA-o7uQOooZS7xdezm6_4vCQszM5E-AChqGlvdGzP2J43dQbTvJ9Oq4O1e1Z4DcnWPuFLrmqA7Yc6fFFLqr2hVKsv_u4ibXWZxdgG5Fb79jU/s1600/glitter10.gif


Share
Tweet
Pin
Share
Tags : , , , , ,

You May Also Like

18 comments

  1. Unknown21 September 2014 at 13:46

    terima kasih bagi tutorial ni.. ^_^

    ReplyDelete
  2. Anonymous21 September 2014 at 14:31

    Comel2 je icon tu ;)

    ReplyDelete
  3. Zinnia Z A21 September 2014 at 14:32

    Menarik tutorial ni shida.. :D

    Nanti jangan lupa share tutorial top commentator dlm masa sebulan tu k .. ^^

    ReplyDelete
  4. Lya Akif Imtiyaz21 September 2014 at 14:42

    Wah lg cantik lz nanti hehehe ...comel jer

    ReplyDelete
  5. Cik Nor21 September 2014 at 15:05

    good sharing,,..:)

    ReplyDelete
  6. Lynn Damya21 September 2014 at 16:14

    Salam, wahhhh bestnye tuto ni, teringin nak letak icon2 camtu, tp rasa mcm semak lah pulak, haha..

    ReplyDelete
  7. Karya Mahirah22 September 2014 at 08:23

    yeay! KM dah try jadi!... Thanks... tapi kan yg tabber widget tu KM gagal la shida.. tak tau kenapa... mungkin tak sesuai dgn template kot ya...

    ReplyDelete
  8. nuyui a.k.a miss YUI22 September 2014 at 13:44

    lama tak godek2 blog sndiri..hihi

    ReplyDelete
  9. Karya Mahirah22 September 2014 at 14:14

    Shida, boleh jugak klu nak bantu... huhu... sebenarnya dah lama KM cuba tapi tabber ni mmg KM failed... KM dah buat macam yang di arahkan huhu... koding tak ubah apa2 pun.

    ReplyDelete
  10. Nadia Johari23 September 2014 at 01:24

    comel je..lama dah tak main coding

    ReplyDelete
  11. Hani Rahman23 September 2014 at 07:03

    Nak try lah nanti nanti, bila free ...

    ReplyDelete
  12. Unknown23 September 2014 at 08:50

    Thanks Shida untuk tutorial ni...lama jgk try cari kod tu x jumpa2..hehehe Finally managed to change it..thanks! :)

    ReplyDelete
  13. Dayang Deno24 September 2014 at 02:20

    Menarik ni kak... :)

    ReplyDelete
  14. Azhafizah MN24 September 2014 at 17:26

    comel dan ceria bila di letakkan :)

    ReplyDelete
  15. Azwar Syuhada30 September 2014 at 16:19

    Comelnya icon yang ada tuew :)

    ReplyDelete
  16. Syamimi Saad3 October 2014 at 14:44

    Waaa.. Menarik ni.. Thanks shida sbb share..

    ReplyDelete
  17. Sukma18 October 2014 at 12:48

    boleh try nie

    ReplyDelete
  18. Rabiahtul adawiyah23 February 2021 at 10:58

    wahhh cantiknyaa tq for sharing

    ReplyDelete

Segala komen-komen yang telah disiarkan adalah tanggungjawab sepenuhnya ke atas penulis itu sendiri. Pemilik blog tidak akan bertanggungjawab jika berlaku sebarang permasalahan berkaitan dengan komen yang disiarkan. Mana-mana komen yang berbentuk iklan, mengandungi link/url yang mencurigakan, mengandungi kata-kata maki hamun yang tidak menyenangkan tidak akan disiarkan. Harap Maklum dan Terima Kasih.