Selasa, 27 November 2012
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/AVvXsEgdl1EIV_0R2ybNfNDSsYVKmZSDh9vUz9avDF-DYGZ7NgZtPtMxzpNIOEzoXNaSD81lTbjnRQz0w9i5-pYoZOhZYbZcRjqnOZK2rZ8xJ5aps7zr7onTgGzMkszJIsxZO8G7lpy94qu6SIKY/" border="0" >
kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis0HDeCtT-b5Q-N4lCRlrSnkuRv1-1gu6HUvmRNQZswZ1yhrCLYVrJ1jo4Ax6Dy2tCjW_NE-gVNGXfFHhdS14SJwH5Ig-4WUwcK7tJjizfaMGoXDmZpdAxz82vgVFbCK17hN3jBYmppl14/" border="0" />
kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyazxEFUg5f5h8Azs3opVjUzTHmrtznM7kz6nfljvrU4lDXypcg-9RIRk2-lHspC7MoaVFSSmuZa-N13ptAWrn36iJk9D8nwNyE55neDJKFQx1thkV7vGACmoLT8Wsl3J8zANRWgSov2MQ/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisqrWJAbW5qGWfYl01wxFWXVnbVhXVzGuhvlCz9SRSsjYfWhV1esnX3dcFXkgARgsrGC5O9weFCJ4bsGYwVXhXBpyNySx-tDkGv6Yan8l8g9kjWL0qikGlfCZQhGpmB7xQKTTJleGP9jD2/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW8wSZWkcioxSjpDg9Rna2xQg0yy1O75KFgkpf3HgcLCoKtBY4MnfB4YZYxkXDYI25_5uYKDXox-LOTNCjzgRW36WHt4TfpzgHpzOWVIpWHk69Jg7pQjU6EUie3-IiE6AFuoapVwUnQygv/" 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/AVvXsEijttmZIRL2ncONNrNIi8zzp-_hmbWjEY_bzvRtPUNYKOE6_V1XThCZRNcpuVe6q5PzHl7p67q2yf1mSGrhPMF9hrPEBxnb4Q8DIgAbu4w8K6PdUo1ZdqN7-6dJL24O1YdZm8f2_Fd8IuDj/" border="0" /></a>
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3gXXlTmbjB8bYcwLuOkd2rqcdFVqMVyYi0_Hrp1AZitgkMOBT0ATKho687PasMhE8qo_t5-fOblLeS2-X5iy9KRGmcvHUP_vKJ8rH8IQbe2HtVKxfSAYWP0NwqQ6RI1keFvLgkOY8sGkP/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhYgvjQtKN3GBqq1WOgnZ4MBm9HcqOBu6tZ3Q0Kn-vSkY5Jwh449Av1HYydRl5FRpbAWbh4jGCJIidjMU3DxxE3U4LnHFgciB8IKveJyOPT4F2bxOZqN_cGJsokoM6EHcW1uElu53Mj4Mw/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLqSiZbetGLaBu-W5vb3gCoxfZj0tvSu-IlvNhyphenhyphenx80Tka8k3e58H6nBFU2kdO4eij8VMxeVrhcCeBWPiwhaY1HTHuUdTpNh1vGHoEHPBUf7BTVyOsyYu1usbVI8qb6h6GJdkBv-pout0QT/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzwI8TLNbbQEBOZ0M0FBC23LVf26T6lMFkRHusw_DDLV7fZSqELmhvhWo9PEFYsy1R1KvaC3S3OTZ3ewE0XzP_WqiEUGH30Sq0YBOUD3BHhtUxwKeE-xTq9o7h4mxjv-4CGSeDSMFPeaA5/" 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/AVvXsEgXbrqjd9K5D_uxU4ZzAQJLox4T466ua38HW4_De6Cv95Kc5UWGuIy_CPfV0QnmkqaqU8o_F977TOrDYMjtKHXPnFRdTvjSFPen96tFG0SCSiIppoqW7yAbExyXOxDykyAixSsxpNerM2xD/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi512XeOxRa1sR-Ik2y5v4A0L7xiOcq8rnaA-oQrMss1CA949MDZNduB7rj3lfhc55HSQEc27HigPLYb43rW3g7hAh3CWc4z6puXzxjRc8-GbAAsZkvARcQOmGi-ZSQmwW8Z7oWUetpqik0/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib4voOrhcQyyStsuy-ivOpZvWyVTjZQUSTx7d8xenS6U-Z9gk9ok_grByAAZRC6xRd3zwAh85CMqqa3Xf4o7IBQ5oeCloS99E4jGyR0Jh-19Bt07AGRfrB0-ZFcwdbGke-h1PGsCdNVXA7/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3621U0XpQlUsHDMUyKIOszJt7Qi-BfC2ewIcT2-bNphLiGfiSVK2rSSEtTbjgccx1FSNIerToDD2SCExCyYeKj6Wwy11glmH0Abmba75-dC2aYCPzIzKIgrszvukymFm0Zxko0pHs8dwD/" 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..
