Cara Mengganti Tulisan Older Post Newer Post dan Home dengan Icon Gambar

Cara Mengganti Tulisan Older Post Newer Post dan Home dengan Icon Gambar - Setiap template bawaan blogger secara default sudah dilengkapi dengan link older post, newer post dan home yang setiap link berfungsi untuk menampilkan postingan lama, postingan baru dan untuk kembali ke halaman utama yakni home. Namun link ini masih berupa tulisan, hingga mungkin menurut anda menjadi kurang menarik untuk dilihat oleh pengunjung blog.

Nah supaya tampilannya menjadi lebih menarik, anda bisa mengganti tulisan link tersebut dengan icon-icon atau gambar keren favorit anda. Contohnya seperti gambar berikut ini.

Bagaimana sobat, anda pasti tertarik bukan? Yuk kita langsung ke pembahasan dan langkah-langkahnya... Cekidot.

Cara Mengganti Tulisan Older Post, Newer Post dan Home dengan Icon Gambar

1. Pertama silahkan anda login ke akun blogger anda, lalu pilih dan klik menu Template atau Tema. Jangan lupa backup/cadangkan template anda sebelum mengedit kode template.
2. Selanjutnya klik Edit HTML, lalu cari kode berikut (gunakan Ctrl+F untuk mempermudah pencarian).

expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
Keterangan: Posting Lebih Baru(Previous)

expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
Keterangan: Posting lama(Next)

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
Keterangan: Beranda(Home)

3. Jika anda ingin mengganti tulisannya dengan kata-kata yang anda sukai. Ganti kode berwarna merah pada kode diatas (point kedua), sehingga format kode diatas akan menjadi seperti berikut.

expr:title='data:olderPageTitle'>Postingan Lama</a>

expr:title='data:newerPageTitle'>Postingan Baru</a>

<a class='home-link' expr:href='data:blog.homepageUrl'>Beranda</a>

Ganti kode berwarna biru dengan kata-kata yang anda sukai. Untuk Beranda/Home terdapat dua kode yang sama, silahkan anda ganti keduanya. Klik Simpan Tema/Template lalu klik lihat blog untuk mereview apakah anda berhasil atau belum.

4. Jika anda ingin mengganti tulisannya dengan icon atau gambar, terlebih dahulu anda harus menyiapkan URL gambar favorit anda yang akan anda pasang nanti di blog. Contohnya seperti berikut.

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnoCF9PP1jVFgsgi7be0tXBzdb3pl0oawrlzKZRlh2rW9dx2VOoqvOBecZNmoIjNfEN30xVLNdD_0PagTTZhZqb69Xe1-4G43ghN-oYl6tF7YoTI-hy57z5zb60BX4ipY6lm0RYN08VUkD/s128/back-icon.png' />
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB8sSg61hyC3nOkyDjV-iXtRmN71NnSuTQK0iWwbX7Izs-mf1713qn3mTJltiby7b1OuRZf0s4VF7U0dizFLbXZ_HROlv40PFu-jDZJIyilcQnsaNypM5uEp-GEr1njOXdNIV-0-wnfOzN/s128/next-icon.png'/>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXJK4yb7rHHn6SsUm_-KlhY909FB__xSokXvEWzN-IPDMkMWWDTqBOAGTxU7fh6UgPTgiw-ISoQXHPp3uI9HqnZd308qMT8wbqjlzJYxs9qsFw_UCxXFiNKtKWP7Egsfz4c3XNoVSOgPLX/s128/home-icon.png'/>

5. Ganti kode berwarna merah pada kode diatas (point kedua) dengan URL gambar favorit anda, sehingga format kodenya akan menjadi seperti berikut.

expr:title='data:newerPageTitle'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnoCF9PP1jVFgsgi7be0tXBzdb3pl0oawrlzKZRlh2rW9dx2VOoqvOBecZNmoIjNfEN30xVLNdD_0PagTTZhZqb69Xe1-4G43ghN-oYl6tF7YoTI-hy57z5zb60BX4ipY6lm0RYN08VUkD/s128/back-icon.png' /></a>

expr:title='data:olderPageTitle'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB8sSg61hyC3nOkyDjV-iXtRmN71NnSuTQK0iWwbX7Izs-mf1713qn3mTJltiby7b1OuRZf0s4VF7U0dizFLbXZ_HROlv40PFu-jDZJIyilcQnsaNypM5uEp-GEr1njOXdNIV-0-wnfOzN/s128/next-icon.png'/></a>

<a class='home-link' expr:href='data:blog.homepageUrl'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXJK4yb7rHHn6SsUm_-KlhY909FB__xSokXvEWzN-IPDMkMWWDTqBOAGTxU7fh6UgPTgiw-ISoQXHPp3uI9HqnZd308qMT8wbqjlzJYxs9qsFw_UCxXFiNKtKWP7Egsfz4c3XNoVSOgPLX/s128/home-icon.png'/></a>

Ganti kode berwarna biru dengan URL gambar favorit anda. Untuk Beranda/Home terdapat dua kode yang sama, silahkan anda ganti keduanya. Klik Simpan Tema/Template, lalu klik lihat blog untuk mereview apakah anda sudah berhasil atau belum.

6. Untuk mengganti URL gambar tersebut dengan URL gambar favorit anda. Gunakan format kode seperti berikut di bawah ini.

<img src='URL gambar anda'/></a>

Beberapa gambar icon older post, newer post, home yang mungkin anda minati dan anda bisa gunakan diblog anda dengan gratis.

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP_ZvROtBftNIKwjfsA7pvN8lj6PUDwhYCsEwFsYQmXUAWQ_elyhv2gHJUgoVZ7LP69PpNt89XegBVMSy82sK-DaCghGUikp4KalBfzrOUA28U9N317LKpo7w4b60ENXDtyVINtv2uzi-_/s128/Copy%20of%20next.png'/></a>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWAXGDeesMDNhZxOBQp8zWwOfyLzvl2rU93dEuhrYtky2LIS-vLVBN1YV9eH9qqKR8w3_idmHRgUxuHkvH-tA4UQPaXP85whnT9cFJNJ91fd5AtGC0Cur-cC8AbKE2BtydnBd2ssZibudN/s128/Home.png'/></a>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi4LUWnXkwRYy5dG7JD2IGhcaHRXXkrDXweawaA0c04ZtGh0vZ84iRxVNKigYP51j6_4pJsz4wA0UUPbQEUXvIip1Px7rirLmhOAVBXorMH5zmCGt7_5gNyApCG5lE0SUJQIuc8QZTXf4Y/s128/next.png'/></a>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXtxT6Xsg1BV02TtD_vhb4B8yk8rdWNVIKFB9cmYIAykeCJObZm4fKE8rrSn7sNhvSUDVqApOEXsrIZ93Hviv54m-Uy14DiXDdicazyouzvikaXCF3JWmXPHY48d8wheF0Sz5E9WKsRR2j/s128/28.png'/></a>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx9MdOxRL-s9kHSR4rwnwvVuqdmzy9CnGmZGu_kqBwcLtDlBpUkZr5iosRK1Vstn4u2-o9JSREU8SpqhALuFJqmge3efh4W220p29YPPwfcXMaF1tipvV4Ic6Evjz2GVDoIXpZJDCD5S6H/s128/22.png'/></a>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJJAGImGT6ktpXoPuJjn4K4xTOD6QoMfo0WDSmZsWl8y3ZaP9tvm00t-GPjugW0umIYtl3kMuRH75UPOPc17ghqjGpnmUisrgjq4p9KyD7df7jmJ2kUDlezdgf0Jmu_cXOcwmar3wnke7N/s128/23.png'/></a>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKfxlZdh4chaaoR0RBVMw44zvLO5Zg2SApwTMW_sH_cUKMfAHYhz5ynP1HVHTso49JKwZMKHKdL09BDqdnAw-KJ0xzG4Z1kz2amAkuk-O6p_c6oLAPen325a_cIPvfFMX_AdxYQ_J05qQB/s128/blue_arrow_up.png'/></a>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG4npQsCVjB5k8GIwfwb6ZMfW3uRmG1HiVqC9v2pY_lxLrzLXUoYeTMbRLAMo5mvannfzDrONy8gAO8WCT4KBHj_zQRBEotagXgZECKKcYxKBijaMWA4dYPG7g07FAi70BFgU6wf2sZZtU/s128/computer.png'/></a>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-lZjmgo9sLXDIy7OohRPmL0i3FjxOI0l2fi5dF93dyZUahLS8ReS2JDllqN4qVQtm5QWynqovhJRMuHR1qkIge7AUVqazg9eLyYJBajRy-fLzvbxjv7zfO-gaEbgvCiKYJJYBD0xGsBY9/s128/blue_arrow_down.png'/></a>

Dengan mengganti tulisan older post newer post dan home dengan menggunakan icon gambar atau logo, maka akan membuat tampilan blog menjadi lebih keren dan profesional.
Demikian tutorial sederhana mengenai bagaimana cara mengganti tulisan older post newer post dan home dengan icon atau gambar. Semoga bermanfaat and "Happy Blogging"

Related Posts :

Silahkan klik disini untuk berlangganan Artikel Gratis via email, Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di HARMANSYAH BLOG