Header Ads

Ganti Posting Lebih Baru-Lama-Beranda dengan Gambar

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.

37 comments:

  1. Mantaaappp... ku follow blogsmu..
    follow back yaa friends : )
    Ni linkx : http://www.one-click1.co.cc/

    ReplyDelete
  2. makasih ya Mas... gambarny izin dipake ya :)

    ReplyDelete
  3. masss.... follow blog saya ya..
    www.weblogmedia.blogspot.com
    terima kasih :-)

    ReplyDelete
  4. Makasii kk... aku pake iaa Pic. nya ... hehe

    ReplyDelete
  5. Wah, menarik sekali ini artikelnya mas..
    Makasih atas infonya ya mas..

    Follow blog saya mas..
    http://kang-hilman.blogspot.com

    ReplyDelete
  6. mantap gan...
    terima kasih ya

    ReplyDelete
  7. mantap soob infonya..
    izin sedooot..............

    ReplyDelete
  8. saya udah coba & berhasil, tapi ada tambahan nih pake ALT dengan tulisan "panah kiri posting baru" utk "newerPageTitle", dan "panah kanan posting lama" utk "olderpagetitle", biar gak bingung kl suatu saat berubah pikiran pengen ganti warna panah. Maka kodenya :

    alt="panah kiri posting baru"/>

    trus nyimpen gambar juga bisa di picasaweb. thx ya!

    ReplyDelete
  9. Terima kasih buat semuanya dan atas tambahan ilmunya..
    Terima kasih banyak gan..

    ReplyDelete
  10. gan ijin nyedot kode gambar panah kanan kirinya yaaaaaaaaa,,,
    dr : masraden-andrix.blogspot.com (kunjung balik nggeeeh,,,)

    ReplyDelete
  11. terus berkarya bro, jangan lupa blogwalking.
    ditunggu yah.
    http://blo9-er.blogspot.com

    ReplyDelete
  12. Mantaab, Maz Bro,... Izin Copas yaak,..

    ReplyDelete
  13. terima kasih gan, izin pake picnya.. makasih..

    ReplyDelete
  14. saya suka ni artikel, bungkus gan,

    ReplyDelete

Comment Policies:

1. NO SPAM
2. NO LIVE LINK

Any violation will be deleted within 24 hours, thanks for your attention.

Template images by Ollustrator. Powered by Blogger.