SHARING AND GIVING

Cara Mengganti Tulisan Older Post dan Newer Post Dengan Icon

| Jumat, 13 April 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? Kalau 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/> biar cepet Ctrl+f5. Kalau sudah ketemu ganti kode tersebut dengan kode icon selera anda seperti dibawah ini.


kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMNpZKeomOqtxgoX9y111QPZ-OAnzFUmLjJOO9KXxciQ5TZ-XJSSiIgruXAAgsDYMoiCxAzi346ENGeVcF872ipsuLMPBgBWxwXs2VA3tA7pfsqomcYVRJ4HLUPAPks5HTzIO9_s8OE6ZT/" border="0" >


kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieQc82y5hPQCBsAP3fxkgxpP41_BJ8k2KMmsqfMe4o1BQ0OfYeOa-4eb-SCThm22ZvWohVkUIrXOY0y-lYMqyKdXZiMPpgeCXWRu_xyEmqD2BK0fs1UQQCzVFAA7-53Yiz22CFkm4wQ1uf/" border="0" />


kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6DgUh7gy8zxIHPvsMDAqgPRvWTCVt03B9DOYYFtYzA9epd1EuNQrByKg3A4iHXFXxm0-tsm0LRO4uTrbeOXUOB6jJqwCR89v-qth1Dip5hJ5RriSIz69IVINQT0Z38wYsqi-VLToXxXnW/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiDzJoFuSK5otSuzeLazyv70O474MTzkN0jMg3ah6HVpUaeFfBCh4Wej50EsZeBl8hUo0RtacIqpZPnOoYDkd8jKRS3WA-DWq4-LnbWqCClUG8_P5FyDcPfSpFWhbHbitZ6Oq259WZ-Cu2/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjng-Pl4fkRl1wSgLkeLwkZv9Rp1ghL9Uyw7bejBqHw4oJepk8ivb9CZ6F3qnFVfHQCwFQB0w9VADccflhKZxasAshO3Nzkoil2s62qbq5BmdHYdHtEFZIYxQPwyJvCbnTDBTuY_61s2Jk1/" 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/AVvXsEhpAX76NL0xFaHubDHtBF8YFpbwV2xKzujHH09PhJDKsu0sTAu0pfpM0Ldpq3zttjvL6MptZD3Sf7Xdo0WFhsq0oXeTmqAZ7HeBkbZu2r8XhEn1i7cI4gYmqNWx-T192FOfY2bKje57tGcZ/" border="0" /></a>


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6tBeMl3mDwuK_j2LecnOM4Qz8LEmE-3x3PbXj41wOr81hI-CwnSGn1zooJSWXNiqgg3w8Yt_IhPNasfV5AGKVlZMjEDfOC56HUuIgLe2B8QzfiLvnyUSUUATE2_0TGVAlV-0sSGMqtQWY/" border="0" />


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


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


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipmr_S0-ONGh6jtPNGxBUzNPcSwd1ZP2ImAD9qkxO-nMx6tm8EUWjUX8IrOdiavJtiLfXqqzUezo561IBFub2SYw59uCIGqchm_ty9wnDs0aYmuc61bz4USeTz6e63bSOajkG4UEz3Mxqf/" 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/AVvXsEgDXCdIN6R2R0f-ie7Cl1cDjXwdHh-5qJBvdJ1NFrU75_e4CpwtsA05b4i8F_kJjmvmslan1lP26oARg63aK1zXUkldGYa-4xWmA-1KM6i_mO-jo0P1xtw2-EumpsahFWiZrEsJ5kyVcWUB/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfxaAnD-PWk159adTs86obuJVfYp1j2yT86Y5jT3jIE0e93y4pA4OGlombdiwTMpEOxyLE6aTyhRq4FBd0Rm4beaWXyXuXYZxEBmnPfY8yANUEsLPX9U6l_bzAiEaz-x3tYlLyDROZdQ3j/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqW3dOT6lAua8i5M9cq-4uBbfS6kmcYuH3pXV49U4U8w9YJClZ6OQUfQZvPWZPcqWFYlWye6V2JNWVnLa7jN4rW8TIu5Jyhum3XQTnXOe6EgwPruQ4z0ZeuAr5k3t1W1GLnZja5nPNXYC1/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-IcBDLy_Qmq7wCPpvwIEcWetVTH6IebA2cVHaE2QAnSrO1YLyl_SWANnpzxqd_47zALC4IvQNXt2tTy8A562KBdHygnWiceU9YGUZw2oGfwWxLqza3-lTHIwDYy7M7ZZNbf4ftbaNWwPa/" 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 Comment:

Posting Komentar