Ganti Posting Lebih Baru-Lama-Beranda dengan Gambar

Seperti diterangkan pada posting sebelumnya bahwa tulisan link Posting Lebih Baru, Beranda, dan Posting Lama itu dapat dihilangkan kalau Anda merasa risih dengan tampilan link-link tersebut. Namun, apabila Anda masih ingin mempertahankannya, Anda dapat mengganti tulisan link-link tersebut dengan icon atau gambar sehingga penampilannya menjadi terlihat menarik.

Tulisan Posting Lebih Baru (Newer Post) dapat Anda ganti dengan gambar berupa tanda panah ke arah kiri. Sedangkan Beranda (Home) bisa Anda ganti dengan icon berupa rumah. Gambar tanda panah ke arah kanan dapat Anda gunakan untuk menggantikan Posting Lama (Older Post). Atau Anda dapat menggantinya dengan gambar-gambar sesuai kreativitas Anda.

Sebelum mengganti tulisan link-link tersebut dengan gambar, hal pertama yang Anda lakukan adalah menyiapkan gambar-gambar tersebut terlebih dahulu. Anda dapat membuat sendiri gambar-gambar itu atau mengunduhnya dari situs penyedia icon gratis seperti Iconspedia. Kemudian Anda unggah gambar-gambar tersebut ke situs penyimpanan gambar online seperti Photobucket guna mendapatkan link dari gambar-gambar tersebut.

Bila Anda telah mendapatkan link gambarnya, silakan letakkan link gambar tersebut ke dalam kode <img src='link gambar'/>. Nantinya kode ini yang akan digunakan untuk menggantikan suatu kode tertentu guna membuat tulisan link Posting Lebih Baru, Beranda, Posting Lama berubah menjadi gambar-gambar.

Agar lebih jelas, silakan simak langkah-langkah utnuk mengganti tulisan link Posting Lebih Baru, Posting Lama, dan Beranda dengan gambar di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap utnuk menyalin template. Hal ini untuk mengantisipasi kalau nanti terjadi kesalahan dalam pengeditan sehingga mudah mengembalikan template seperti keadaan saat ini.

4. Beri tanda centang pada Expand Template Widget dengan mengeklik di kotak kecil.

5. Untuk mengganti tulisan Posting Lebih Baru dengan gambar, silakan cari kode <data:newerPageTitle/>. Gunakan Ctrl + F untuk memudahkan pencarian.

6. Ganti kode tersebut dengan kode gambar Anda. Misalnya, saya menggunakan kode di bawah ini.

<img src='http://i1119.photobucket.com/albums/k636/klikmunadi/Left-48.png'/>

7. Selanjutnya, untuk mengganti tulisan Posting Lama, silakan cari kode <data:olderPageTitle/>.

8. Ganti kode tersebut dengan kode gambar Anda. Contoh:

<img src='http://i1119.photobucket.com/albums/k636/klikmunadi/Right-48.png'/>

9. Terakhir, untuk mengganti tulisan Beranda, silakan cari kode <data:homeMsg/>.

10. Silakan ganti kode tersebut dengan kode gambar Anda. Umpamanya, saya menggunakan kode di bawah ini.

<img src='http://i1119.photobucket.com/albums/k636/klikmunadi/Home-48.png'/>

Biasanya terdapat dua kode <data:homeMsg/> dalam template, silakan ganti pada kode yang pertama saja.

11. Klik tombol SIMPAN TEMPLATE.

Bila Anda menggunakan kode-kode gambar dalam contoh di atas, maka gambar-gambar yang muncul adalah seperti yang terlihat pada screenshot di atas.

1 Comment:

Unknown said...

kok blog ini sendiri tidak pasang seh...
takut lolah k?
ha.ha,ha.......

Post a Comment

 

☆ Script Tukaran Link ☆

Langganan Artikel Via Email

Enter your email address:

Delivered by FeedBurner