Breaking News
Loading...
Sunday, February 2, 2014

Merubah Tulisan Beranda, Posting lama, Posting lebih baru diBlog

6:40 PM
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.


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.
    • expr:title='data:olderPageTitle'>Selanjutnya</a>
    • expr:title='data:newerPageTitle'>Sebelumnya</a>
    • <a class='home-link' expr:href='data:blog.homepageUrl'>Rumah</a>
  5. 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.
  6. Jika ingin mengganti tulisannya dengan gambar, maka tambahkan Url gambar, Contoh:
  7.          ---------------------------------------------------------------------------------------
    • 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> ---------------------------------------------------------------------------------------
  8.  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.
  9. Untuk mengganti dengan gambar lain, ganti url gambar, dengan url gambar yang kamu inginkan. Format gambar seperti dibawah ini.
  10.  
    • <img src='URL gambar kamu'/></a>
     
  11. 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.
  12. 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.

0 comments:

Post a Comment

 
Toggle Footer