Cara Mengganti Tulisan Beranda,Posting Lama,Posting Lebih Baru

Cara mengganti tulisan beranda, posting lama, posting lebih baru di blog dengan kata-kata sendiri atau dengan gambar navigasi halaman.Tulisan tersebut berada di bawah bagian akhir pada saat kita membuka artikel, atau bagian bawah dari daftar posting di halaman awal blog. Untuk blog berbahasa inggris biasanya bertuliskan home, next, previous. Untuk lebih jelasnya lihat gambar dibawah ini.

mengganti beranda posting lama baru


Tulisan seperti contoh gambar diatas itulah yang akan kita ganti. cara mengganti tulisan beranda, posting lama, posting lebih baru di blog. 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.
Silakan dibaca juga cara menghilangkan diberdayakan oleh blogger yang berada dibawah posting blog dan juga fitur-fitur lainnya, seperti navbar, langganan entri atom dan masig banyak lagi. Itulah sedikit cara untuk mendesain blog sendiri menggunakan template asli blogger, yaitu dengan mengganti tulisan beranda, posting lama dan posting lebih baru di blog. Semoga Bermanfaat.

25 comments:

  1. terima kasih untuk postingannya mas bro , ditunggu postingan menarik berikutnya :)

    ReplyDelete
    Replies
    1. sama-sama mas bro, terima kasih atas kunjungannya.

      Delete
  2. terima postingannya mas?
    ditunggu postingan berikutnya :)

    ReplyDelete
  3. Tutorial bagus dan menarik buat yang ingin mengganti tulisan navigasi footer. Terima kasih.

    ReplyDelete
    Replies
    1. sama2, terima kasih atas kunjungannya, uda awak..

      Delete
  4. wah . . . . menarik sekali postingannya ne ?? ijin terapkan di blog saya :)

    ReplyDelete
    Replies
    1. silakan diterapkan, terima kasih atas kunjungannya gan..

      Delete
  5. agan pake template sederhana atau apa?

    ReplyDelete
    Replies
    1. Pake template sederhana gan, masih bawaan blogger...

      Delete
  6. benar2 menarik postingannya mas bro :)

    ReplyDelete
    Replies
    1. tq gan dah mau mampir di blog saya...

      Delete
  7. wah keren ne postingan , setelah saya praktek di blog saya langsung ON , terima kasih masbro :)

    ReplyDelete
    Replies
    1. sama2 mas bro, tq atas kunjungannya...

      Delete
  8. makasih gan..
    udah saya coba dan sukses.. :D

    ReplyDelete
  9. thanks bro, mantap infonya. dah sukses ane pasang di blog.

    ReplyDelete
  10. Makasih Gan infonya Saya Izin Sedot Codenya Yah Salam Blogging Sukses terus Gan

    ReplyDelete
  11. Mantaf tutornya gan...ane suka artikelnya....

    ReplyDelete
  12. makasih infonya,
    sangat menarik dan bermanfaat,,
    salam sukses

    ReplyDelete
  13. Gan mau tanya kalau mau kasih gambar sama ,tulisan dibawah gambarnya seperti blog agan ini gimana ya caranya?

    ReplyDelete
  14. Thanks ya, it works like a charm :)

    ReplyDelete

Semoga Artikel diatas dapat membantu anda menemukan, apa yang sedang anda cari. Silahkan tinggalkan komentar.