Tutorial : Tukar Newer Post, Home dan Older Post Kepada Icon Lebih Style
TUTORIAL September 25, 2015
Ni gambaran icon yang saya maksudkan bila korang dah siap tukar icon tu nanti.
Sebelum:
Selepas:
Tutorial : Tukar Newer Post, Home dan Older Post Kepada Icon
1. Pergi ke Dashboard > Template > Edit HTML
2. Untuk Newer Post Icon, cari kod di bawah (Tekan CTRL + F serentak pada keyboard)
expr:title='data:newerPageTitle'><data:newerPageTitle/>
Bila dah jumpa, gantikan kod warna merah tu dengan kod di bawah:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgNTSZvTCbabACC4vuQtq4WgOCUWhovVPLAaPdAnxSgf1zG3xiIB1SbrctNzvOm4-TxDYAEPsALeZe8Jkvdl-maeQWw6f7ZtRNIdXxpNZuFOV2pGOBdvnuEbCKsjvP-WLhp0xCfP7Wd7k/s1600/NewerPostBlue.png'/>
expr:title='data:olderPageTitle'><data:olderPageTitle/>
Bila dah jumpa, gantikan kod warna merah tu dengan kod di bawah:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2VulU1uSe5YRHiEjfjcBLpZNBQdfvVRKtureF2jTon_Xcsijp015wFoCCVj5W1MJho3Gr2tbDk0_drVJCQoDtZfRQOkToanJ7wmlXGhaNJZgenEBR2H5JVemIdRT60z-iYPK8wJhT_8E/s1600/OlderPostBlue.png'/>
4. Untuk Home Post Icon, cari kod ini :
expr:href='data:blog.homepageUrl'><data:homeMsg/>
Bila dah jumpa, gantikan kod warna merah tu dengan kod di bawah:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwLYWue9X0zA7OhAPjpmeP76EUOVi7rG2ce7RvSBW0UzO8uSJ_x3OSzRyClBjhLWFUpgCeA_5Ms76mLOv1lKxZ_cSg4RV26XJjEcxPwM3t_zFBa5Au2w4wbKDlTmOoAs-HSkaHZOtReAc/s1600/HomeBlue.png'/>
5. Preview dulu baru save.
Nota SF:
Warna BIRU : URL Icon. Search icon yang korang nak dekat google atau mana² image hosting. Ataupun just guna je URL warna biru tu.