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/AVvXsEjDmUS3IL6cKaVew2CnN7uQcR_WElsmSJSqYaxjQ_8uU2wdPSNCi2IrjRxHQjNmnX0yr63baPfQ7ebvwHDPQoNbNwgfhpZ_RNAFMb7XpuJUsqE6cjiA60Ak12GZDoGkRt8FhGOv3dDHL79O/" border="0" >

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjogh2EQ9HfbHx1x4EtyaEII6RdRTLq9WDqf9C9czVLmtKpbXjOMcpHamSag3RKzkweI8xQKv8MRpEYogXC4oRA52APNLATXM5XvMSqq_0peA0NqjHsL6Y4tMqyjom0hjWC7GqBzLwBFHgG/" border="0" />

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTa3o97R3ancFMlLSjpNgRQPA71QrOvin2IiiX0cedpTn5RL7KPAvAJFGQonZH7NVo3v3hwlkojesUSHKJJ2txsym4AKVbefKp1JSf8P0Xn_M4b9r3zyEc2O-AwJ-eNG0PYEoMO7p6qVqq/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiblugBYK2PUzdUWw362yXKHfHgkNcbGxnCFJhKHVxbGnBeIhSNBl1mEVXfkbZ8gHtvA8LkCkbQ1pG9xSxn4kFJlElGw9ld6QQ3beJVyIbuNd6Oc13jW5_sAENs5ocVa-jT3pD47Q1rMeHh/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjewOMmoeErJZVQaBh1OB-HsuMQtOO2ILXCz2vv6DLQYLb6lIRobr-7_7fzlsO-n7EDlz3G3BVxL6l_nYrPq1BMLJABI4Xglgbq6xuXgMUtvytY-lUTamFZ7vQ0hfAp26ydLZj9kbhkH0h0/" 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/AVvXsEiQfRhSeuE53eW6nvD2VTXw73DcbAdML8OlO4sjDMas71YzSczJnPt-ntbGKb7_l4A-Uiguwfr6esQQS8ZkUKbkB8zwAa0vvkSEvWHptFyw2U5UeS6ivvSvUNKBBPJxAzS1QIHbe1BVLhgi/" border="0" /></a>

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-1XbRZAHtTJJfr-VtGzbUNJ2beJ2nM19flTlZzJfdtOR2qsQlGvp-Insqt91AG0svVx6kRfZPEY6iPkElP1CWq8Nn8i_vHkQjU1-_oHA-2SWuxTpxVc2E2O_le69WKG17WFE8G_opKzcF/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjPkbfZpKsynLgUNnQWjcg0fcgYdtT_h_0H9J1FfMrpj1CyhUKuuK1HaSsxS7l1j1-KDnrKjhqO9JxnxLZWyPjvTusNorjrKGaZFpCTOLHmhButNyWZ8Lu5mCc3RN8Qxzzs6YdKgSWxhMp/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZcBQrXcy1htCDVswVGviebY64Lgc5bVvbwrriGuwPlcgk0aF0rGZ72oz4One8iEtzt23QwO28UJFKR_evtg5DS-hKFo4d9Rg3sJyIy3HKE8uPC4DmYq7PmrmzBZhShwl6v25HR4RyqznC/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4IxS9zkw86XbfuNYG7GocRSwEkmroRjaQmzKlTFiGA7Aahpsol-TX5anIXFDR6rFAk8aAx9LAMjC3LLDwba0e0_Ncv8ktKyMte91HJ4Bl-tLIY3S16pszgglZsGiN8csrG0USLL7NiGYY/" 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/AVvXsEjHvYJyMYZRDEfwD-WLhp-aHGIUWMQ0ttm-qaCvCfkQ_MWPFqeX-SFCJGMCIZLo0pchkN2tOXI5bL96oBQYdAuFii_3Ry0ajvhUx8ZDUaz2w5Hx6Zmv9Q9NvEeFvkU-ZhM2-YvgnL4u6Fh_/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgihjlA1kR68k_cu_m6hREcfl61tSKrb1l8udn5cxsobbw3zV-kcCadNfdnjjgT6FFkCTRyWrfMh-cybu_7WHYOJ9BZaEdIYQDCxa7m5aIh_yqNI-qWyJrMULDWWxlnT1QLX-Bg65M9UuDc/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2tkYYyCjwEZDQhTxeeChSTIHUWbM5F2n3KlKfnGtHY81M1uKjhFltcSfax6YyAsP8OlzA6U8nAz2NnKe9dMWiM1fU8sRmJD9l7756VNSUSFRjpgz40ewbNsAGhEdVmzxi3Zz30d0bNi89/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj33NLOm-rRvTOQV3Uu0KqpKlPoDI7UuaQtrJAB2lna5nzUYyD1-SOQhEbbiR08A2eiJSuRrunm6GgHXhFusHh7ppdykW6_yT8zl96kwPNiozujyo88f2FvLoG1ykPiU7jmPPPqQ3RZltk_/" 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.

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari Official Blog Of ZAS-XP.com di inbox anda: