Selasa, 17 September 2013

Cara mengganti tulisan home previous dan next di blog

Cara mengganti tulisan home previous dan next di blog dengan kata-kata sendiri atau dengan gambar navigasi halaman. Salah satu cara untuk menghias blog agar terlihat lebih rapi dan indah dipandang. Untuk blog yang diatur kedalam bahasa indonesia biasanya tulisan navigasi halamannya adalah beranda, posting lama dan posting baru dengan desain asli blogger, kurang menarik menurut saya. Silakan lihat gambar dibawah ini, atau untuk lebih jelasnya silakan lihat navigasi halaman blog saya yang ada dibawah, karena navigasi jenis gambar seperti itu lah yang akan saya bagikan di posting kali ini.
Cara mengganti tulisan home previous next di Blog
Jika sudah, silakan ikuti langkah-langkah dibawah ini.
  1. Login ke blog, dan pilih pengaturan template.
  2. Selanjutnya klik Edit HTML dan cari 3 kode Biru dibawah ini. Gunakan Ctrl F untuk mempermudah Pencarian.
  3. 1. expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
    Keterangan: Posting Lebih Baru(Previous)

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

    3. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    Keterangan: Beranda(Home)
  4. Jika hanya ingin mengganti tulisannya saja dengan kata-kata kita sendiri. maka ganti Format kode diatas menjadi seperti ini.
  5. expr:title='data:olderPageTitle'>Selanjutnya</a>
    expr:title='data:newerPageTitle'>Sebelumnya</a>
    <a class='home-link' expr:href='data:blog.homepageUrl'>Rumah</a>
  6. Ganti kode warna merah dengan kata yang kamu inginkan. Untuk beranda/home ada 2 kode yang sama, ganti kedua2nya. Selanjutnya Preview, jika sudah berubah baru save.
  7. Jika ingin mengganti tulisannya dengan gambar, maka tambahkan Url gambar, Contoh:
  8. expr:title='data:newerPageTitle'><img src='http://c.dryicons.com/images/icon_sets/blue_velvet/png/32x32/back.png'/></a>

    expr:title='data:olderPageTitle'><img src='http://b.dryicons.com/images/icon_sets/blue_velvet/png/32x32/forward.png'/></a>

    <a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://c.dryicons.com/images/icon_sets/blue_velvet/png/32x32/home.png'/></a>
  9. Kode warna Biru itu URL gambar dengan tambahan formtanya. Beranda/home ada 2 kode yang sama, ganti kedua2nya. Jika sudah, silakan dipreview dulu, klo sudah berubah baru save.
  10. Untuk mengganti dengan gambar lain, ganti url gambar, dengan url gambar yang kamu inginkan. Format gambar seperti dibawah ini.
  11. <img src='URL gambar kamu'/></a>
  12. Coba cari digoogle gambar, dengan kata kunci icon home. Cari gambar yang ada pilihan ukurannya.  Pilih gambar ukuran 32 atau sesuai dengan yang kamu inginkan. Selanjutnya Copy URLnya(klik kanan tepat digambar dan pilih copi URL gambar) dan masukan kodenya di format kode diatas.
  13. Salah satu web yang menyediakan icon gambar adalah http://dryicons.com/icon/blue-velvet/home/ silakan dicari gambar yang sesuai dengan yang kamu inginkan. Semoga Bermanfaat.

Label:

0 Komentar:

Posting Komentar

Berlangganan Posting Komentar [Atom]

<< Beranda