Mengganti tulisan "older/newer post" pada Blog dengan gambar


merubahnya dengan gambar
Pada kesempatan sebelumnya saya telah memberikan tutorial tentang merubah tulisan "posting lama" dan "posting lebih baru" menjadi sebuah page number. Tapi kayanya cara ini jarang digunakan oleh para Blogger. Biasanya sobat Blogger lebih tertarik merubahnya menjadi sebuah gambar. Oleh karena itu pada kesempatan kali ini saya akan memberikan cara bagaimana merubah tulisan older post dan newer Post yang terdapat difooter Blog menjadi sebuah gambar. Yaa cara ini ditujukan untuk lebih mempercantik tampilan template Blog anda. Jika anda tertarik untuk merubahnya silakan ikuti tutorial dibawah ini.

Langkah-langkah merubah tulisan older post dan newer post menjadi sebuah gambar.
  • Login ke akun Blog anda.
  • Pilih menu "Template".
  • Klik "Edit HTML".
  • Centang "Expand Template Widget".
  • Untuk merubah tampilan Newer Post (Posting Lebih Baru), anda cari kode <data:newerPageTitle/>. Jika sudah ketemu, ganti dengan kode yang ada dibawah,
mengganti tulisan posting baru dengan gambar
<img border='0' src='http://3.bp.blogspot.com/-aPWm0LtB4VY/UTuriXYZhcI/AAAAAAAAAK0/KNIex8q0uNA/s1600/Previous.png'/>

  • Berikutnya untuk merubah tampilan dari Home (Beranda) yang letaknya berada diantara older & newer post, anda cari kode <data:homeMsg/>. Jika sudah ketemu, ganti kode tersebut dengan kode yang ada dibawah,
mengganti tulisan beranda pada footer blog dengan gambar
<img border='0' src='http://2.bp.blogspot.com/-XU6hGsSeXc8/UTurfwHeuzI/AAAAAAAAAKo/g6meT5B9Gdk/s1600/Beranda.png'/>

  • Dan yang terakhir adalah untuk merubah tampilan dari Older Post (Posting Lama), anda cari kode <data:olderPageTitle/>. kemudian anda ganti dengan kode yang ada dibawah,
mengganti tulisan posting lama dengan gambar
<img border='0' src='http://2.bp.blogspot.com/-m-vLgxQxzw4/UTurgusTmQI/AAAAAAAAAKs/GPd9ovJZZZk/s1600/Next.png'/>

  • Jika anda sudah mengganti semua kodenya, lanjutkan dengan klik "Simpan template".

Keterangan:
Untuk kode yang berwarna biru bisa anda rubah dengan URL gambar lain (jika anda telah memiliki gambarnya). Sedangkan untuk kode <data:homeMsg/>, jika anda menemukan lebih dari satu kode, coba untuk memilih kode yang pertama.

  • Sekarang lihat perubahan yang terjadi pada Blog anda.

Sekian tutorial dari saya, Semoga bermanfaat.

2 comments:

  1. Boleh usul gan? kalau boleh supaya tutorialnya semakin jelas,terutama letak kode yang ini . dimana? sehingga mudah ditemukan,bisa ya gan,kalau artikel agan ini ditambahi tutorial bergambar.

    ReplyDelete
    Replies
    1. makasih gan masukannya, kedepannya nanti saya usahain buat bikin tutor yang lebih jelas.. :)

      Delete