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


You May Also Like

19 comments

  1. terima kasih bagi tutorial ni.. ^_^

    ReplyDelete
  2. Menarik tutorial ni shida.. :D

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

    ReplyDelete
  3. Wah lg cantik lz nanti hehehe ...comel jer

    ReplyDelete
  4. ala..comel2 la..rasa nak buat tapi akak timbang blog berat nya dah 103..huhu..

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

    ReplyDelete
  6. 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
  7. 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
  8. comel je..lama dah tak main coding

    ReplyDelete
  9. Nak try lah nanti nanti, bila free ...

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

    ReplyDelete
  11. comel dan ceria bila di letakkan :)

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

    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.