Ganti Posting Lebih Baru-Lama-Beranda dengan Gambar di Blog

Ganti Posting Lebih Baru-Lama-Beranda dengan Gambar  di Blog - Sobat blogger kembali saya share cara menghias blog dengan memasang atau mengganti ‘Posting Lebih Baru’ ‘Home’ dan Posting Lebih lama’ dengan menggunakan gambar . Contohnya seperti di atas , menarikkan? Pengen coba?

Tulisan Posting Lebih Baru (Newer Post) dapat Anda ganti dengan gambar berupa tanda panah ke arah kiri. Sedangkan Beranda (Home) bisa Anda ganti dengan iconberupa 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.

NB:

Sebelum anda mengganti tulisan link-link tersebut , hal yang perlu Anda perhatikan adalah dengan menyiapkan gambar-gambar/icon tersebut terlebih dahulu . Contoh situs penyedia icon gratis seperti iconspedia . Lalu anda unggah gambar2 tersebut ke situs penyimpan gambar seperti photobucket dll .

Jika anda sudah mendapatkan link2 gambar tersebut , silahkan anda letakkan di 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.

OK tak usah basa-basi,langsung aja ke TKP :

1.      login ke akun Blogger > Template > Edit HTML > Expand Widgets Templates.

2.      tapi terlebih dahulu anda download template anda untuk berjaga-jaga .

 Untuk mengganti tulisan Posting Lebih Baru dengan gambar, silakan cari kode <data:newerPageTitle/> . Gunakan Ctrl + F untuk memudahkan pencarian.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'/>

Selanjutnya, untuk mengganti tulisan Posting Lama, silakan cari kode <data:olderPageTitle/> . Ganti kode tersebut dengan kode gambar dibawah ini:

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

Untuk mengganti tulisan Beranda, silakan cari kode  <data:homeMsg/> . Silakan ganti kode tersebut dengan kode gambar dibawah ini.

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

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

Selesai dan  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.