Mengganti Link Older Post dan Newer Post Dengan Icon Gambar
Secara default, setiap template blogger akan dilengkapi dengan link older post dan newer post yang masing-masing berfungsi untuk menampilkan postingan lama dan baru.
Nah agar tampilannya lebih menarik, anda bisa menggantinya dengan icon-icon mungil. Contohnya seperti gambar dibawah ini.
Menarik bukan? Klu anda tertarik silahkan ikuti langkah-langkah dibawah ini
1. Pada menu klik Design -> Edit HTML
2. Biar aman backup dulu template anda dengan klik Download Full Template
3. Beri tanda centang pada kotak "Expand Widget Template"
4. Lalu cari kode <data:olderPageTitle/>5. Kalau sudah ketemu ganti kode tersebut dengan kode icon dibawah ini.
kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZfOxoNmNGtDNFe0kF3P_tfE4KLZOfWhoioIHI1cD7oEDsTH0NdhDtwOnwRu8rYwVEV7MPSGrycRV2BM3Jxdz5Hpt7Md3NthsiQ8JOP251mnNwxsN4NeqC3FECJ94HlKz9v4s0Z6axx1JH/" border="0" >
kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFm69GbwEYoXkGFxeqV_vbtCiiqDmi-LU8A4WMiE1VZOQdgQ2R6k_J3ExOcr-KeSKKB3KGQYUnTFdjwBTOkrCct-VMudEAZ3EUqMqKbBi5rhT23INCVxQtMny5WVqL0y_a5KZxCPGHZ8NS/" border="0" />
kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO7naguP1CS-ckWj0S1gtJV7IgK9wT3ZohdETe1SgYhrOOp_WQiDJZwTtsefmWHvTKz8t9o4s8Ja3jpcBKuw35TKj3T4wzWuu0duu9HoeJ4ymIFbMHMCl38jfgT7cdxmzra4YhoSHTVbq7/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWuoyH0Z98d-1bg47TwQ-45xYcIdwkcV8PT7gluOvCWJyIcdspLgno_SwGSPjgKMhau6uZzpFhH1r-GsnKcUKFOAxVV4pqx8XQdWt_QIv6JBnCSh12hth19iycWR6hqZt_E0ReqeyL9dSL/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLOpD2BgVmIiC7tNIE4afdw8irXVUSRj1MNsH3GMDp5hZIhBSoqV8sF-cN5kIoKbA7a_kGpXWBwIWcRWpDTPcbVBBgnKxlI1_Rf-yUhNkYT9Uy5pwxPvkOUSTYbIFtPHrneqH4QFwLHJRo/" border="0" />
6. Contohnya anda mau menggunakan icon maka ganti kodenya dengan <img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/bt-right.png" border="0" />
7. Untuk mengganti link newer post. Cari kode <data:newerPageTitle/> lalu ganti dengan kode icon dibawah ini.
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifeGzdZcYcOfRFkRwKsJLU_31j2yGJEMuFmmdBOVZwMuZRJsQcuPbmroQWnw0omkHAlkDiX5PU__6OqEA7Bpk-BefXNkKg9uSLLVFX7cfrxFxWk3xb1kX89gKZCuSUqc2qbdoJJzxF9EB6/" border="0" /></a>
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi306bycViIQBaXAcXjfxmY2xA6CbqYM9lbUSy2rHcPJkHMa0UQWaRmxfALMe51vne6ca7u2qHKdK4LF24uab4lws9G_AJ4NAKvPur7MQL5bvggWkzQeH4xooeHIBvE27BvPNLZJuN3cgw7/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh14iWEuiJ02_gKDZ4aFrJBbN-_KUPl7Dnew9jk75aBe2W5pWLkYwoHkNpscCcgxwwOH2K2GjCBdL5zi2IFNu2g9U6y-rwkpUrHU2M2MTrEgR17dAL1vxV_0AgbdXcHNS_6Vy5jnEuwGU_q/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW9hSVSr7obFduQ8uJRDfjbWamcRoXA8n5vASO9c7Q8mhuXI05oZeY_3GNY68tuBdM74wAT1GiB8e7DF60L3Z1nAC90kwGyHtgObtjbIS3EI-7xYDDLq-B1kBzl0f9zBKVLREzU7W5Bszw/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVNMVdDwkNwd1nKIRvNgD1edJSgDlZztIkUauyGNXPBqDSYIcjhb_zApRar0W8mGuWBt2tp7DEUslEPmrrfWdgF-uGyUQ2OQoINmyuBXOdi75TLwB1YAoSeLg9AhAqPcAsNXfOvMnYsZKh/" border="0" />8. Sepertinya kurang maknyus jika tidak mengganti link home-nya. Ok, untuk mengganti link home cari kode <data:homeMsg/>. Biasanya ada 2 kode yang sama. Ganti kode yang pertama dengan kode icon dibawah ini.
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh12qxbruPcxyLOfp587YUO5tlT8XFb6h80zXqf89Vf0tSD-JrdWmsGHXqnG7pdZ-NQokdoMHiZbVaqzViGQ4cwESyCCCFr9J7oJ6N-SnMRciVxkrHx5Zf8InwuDOTNg1MNfLXHeSiYL7nC/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqsSoqYNvLtsXHd0z5TrLgXR6P-2poGSPuxdgLy1OU7quBBv7wspSxSKjSlEU6VYT9O-BQCZyrQwVFu274YCB8aj91-PP8VbkkSlTUZXZy-M-_s-v8qn7pGeAidY4fPi2EWUO91vq-nbHo/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXzRObQ6bJVkYZ1iT4TcprxZ0Bvo2LNHMuEIjNBi9Y5W0iFxhboy0NU2Hp8EuLZOjbANPWfZoMJa_CJewRS5dh_-8_IdzY2nZwzRv11mycCm9Fe03d1UHsKdvAvlNhjD9tdKq1m7vDFwue/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKkr-ALJDBK05KZZzgdFU1iOZ251IOGSVyucdVmdXxz4nuusAWbC8mgO9SG5HPBKFWNGQ-iE_J_MWXdno4Be23Lh5wlj-A1khqkxYc9n7RFTR_IRxEt3dPNdDhUiP1MhIiPzZ3Nvq-by4O/" border="0" />9. Setelah itu, klik Save Template.
10. Selesai. Silahkan klik View Blog untuk melihat hasilnya.
Untuk mendapatkan icon-icon cantik lainnya. Coba kunjungi http://www.iconarchive.com. Disana tersedia ribuan icon yang bisa anda download secara gratis.
Selamat mencoba..
0 komentar:
Posting Komentar
Jangan lupa komentarnya.....