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/AVvXsEiMA7GNUgZa7LLFpZ-1cL34LBCAsziKOQVaD23jGFmc1iD3TE6uMghwyQKPnERFJd6q_sJtHEAlxtqc2jszvKQ3fDWci1na7iaRxJh088AYg3R9tlcR_6UeP1lCjCWn-0E0LXz5gOftfloi/" border="0" >
kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7digsxJNZRs2LMn1f6gShNgiOhjPgWeaWn6XW1YMFhXNwBcgcQswiHNdc1HxAUglTIkylhJ_599q6n8zBzbM2WnjGSWrQFK609egxFGn58dMP_IeNSlLZNoeIbMxJYcMM_uhsp42n9UYP/" border="0" />
kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghx5hqDyT7_EqwRQi1My03WArvSpsFd02JYaOCqvMttgM5c8Y2CKEAz5i8cZlv37xji8Mfip1hc1-FTjGtrt0uRW_807box4W7H-2sJCnNMsyMMINPJiW6mV1m_R35UpEcIROTClXTcRbH/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr9ZheWwJ9hwm2UlagEXDNLrRYF66XXAJFeidRkmEtZbUHv30FGI-jzv3J5mk9r4kDBW2pEdG74cUntYMGbPCIS4anwUYjqb64fuFd3sO_08-36jipCSP-yK4hgjCI8Wht7zq1FfzAp79l/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6HG-vCHZx7hwsF1jFsOt327njqpkvSJ7SwWAC9FvyddjWcchi1Zs7X_O5MsxPGln643uMJPY_do2oGpdxL7rLU1cIwwxkQCdMEF3xJOj1USnDOsVuC926v78-RPb1hDrMkXD2FaMuo1jx/" 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/AVvXsEgboSOJYoyJMn0djU7xLPJtcY2lv7iegpcrfH8iyIadtLq4DNxtFbygTSh2ZLVeBPO91_agGBmVOfRDi3ySrU2nCs18kpQc0mTAZ7se8_fIIZmPmWhHoxug-pBkXFZ2pRu63poe0y2hKXXG/" border="0" /></a>
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihWngJsWQ98oMbxCgK-Y2BdtnY3Xb0v-OhaVscXay_0_zjWEOuSO7DTAhRr4Vu59qmFVEWJ0zE_rfkw10pRNiplmLJMNYAPz_b0yWcisZO3MdOElRWcwRmk36rz6WToVjShBdvXpE_JXsY/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz3J9OpqgzxM73EtTxWK5s4qrK32MNNx2yex9cwAnSFh6eZyGBiFISd9E-4aSAANwXq7kauZi1SPxlotKa761vPzt0DBLMlDLkumDGmxNMAj-GhD9DQSut7L8G2X-KSb7gi_yvMhzg7mNU/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe83fUxCW4pKj4nEpzQr_NEQtpEKelUqGvpK8y7vBJsIAfzR1ndyXjQfNNVLQEPdID3mDvmtX9DJQ7AxhwLUAwprkW5YVeMqtYVVAMbedQ6SKJGO7Kn4QTw3VmdpdbqB7EW0_MkyduDiXU/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEQSCJU231X7hXcDrDhxSfEvOEl0rUj-NrcDD0KaRP9EYtn4aehRkLrNg1eMGxfprHDgq1EDIMOBcCURnhBEyI4Z-2cnH820iI1pv2niUzvYDAxdxM4gAAhvPXI_RDmMyoXiQA6lpAjY5K/" 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/AVvXsEjXK2tZsQjhrpAjaed4WouH7bVaBg8w7QQkMkGve2rnmse3KW4Rw2bMHbGzhgu_5Rr3cYDR9IcDptHOcaLh8w_ChHfdKOTC-RAHOl9hOnrVEQW_TFlK5kQogrSQSHNokCuOMYop9UdO8xrb/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitoj0OLvHpY_O2ej1elujsopBVPW87wljyBtD1Apnhor3BbZQKYO4sZzw4V9g4q8xf5SX4767NBIaSpUDieS4FNSIvxt13bCVJYik6XuD8J5Vbz6K8-OmHqMlZetLXSxFPQ0vVJSUKHYZu/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5ItorLpwo4X269vVLXqAuiDyDU3jd6vR1ty7_XXnmaSlGBPdUHTf-xNCrtqacrngTimHBIhwPOXUSa5zLm-PnywLinlehurVyCdJNgO5YS2FvogdQGK_vJ3kokDmHGFZOtMiWHfdTcP9j/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZK6LrNfRhbA1oZcMzl-x8FAy9niyxfBNht16iMWZErzaJdIN2X_wD8aaZ-F6VnxOoy2TBAJSRUXs_CHdohpa3zXQlWSWKd6j7rAnUnlpXQvu5CliSzreeBtnkFtYjYEMrgSKBfpTVPEwK/" 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..
Sumber: http://www.hermanblog.com/2009/02/secara-default-setiap-template-blogger.html
Post a Comment