Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara membuat tombol next previous home dengan cara yang mudah dan simple

Membuat tombol next, previous dan home dengan cara yang simple

Saya akan membahas tentang cara membuat tombol next , previous(back) dan home .
Tombol seperti ini biasanya di gunakan buat sobat blogger yang di dalam template blogger nya tidak terdapat tombol next .

Langsung aja sob tutorialnya.

Contoh saja pada blog saya ini.

Caranya :

1. Login blogger--> Rancangan--> edit HTML ( centang expand widget).
2. Membuat gambar Next
    Cari kode :  <data:olderpagetitle/>  
dan ganti dengan kode berikut ini : <img src="url-gambar" alt="Next" />
Contoh : <img src="https://lh5.googleusercontent.com/-d_stEY8oxzg/T7cb0ZPA0uI/AAAAAAAAAUo/HSmMb8ZcU_M/s128/next.png" alt="Next" />

3. Membuat gambar Previous
    Cari  kode : <data:newerpagetitle/> 
dan ganti dengan kode : <img src="Url-gambar" alt="Prev" />
    Contoh : <img src="https://lh5.googleusercontent.com/-Gp_jPK7Z_pE/T7cb0WmMkVI/AAAAAAAAAUs/IN89vOlfvcY/s80/PREV.png" alt="Prev" />

4. Membuat gambar home
    Cari  kode : <data:homemsg/>
Dan ganti dengan kode : <img src="Url-gambar" alt="home" />
Contoh : <img src="https://lh3.googleusercontent.com/-ZthkRRMQVrg/T7cbz5qYAWI/AAAAAAAAAUk/LTF8dVhs4l0/s128/homes.png" alt="home" />

Semoga bermanfaat sob . .

7 komentar untuk "Cara membuat tombol next previous home dengan cara yang mudah dan simple"

  1. kalau saya lebih suka dihilangin sob, tapi saya simpen dulu sob, siapa tau butuh :104

    BalasHapus
    Balasan
    1. Iya sob, dulunya juga mau gitu, tapi kerenan kalau ada :197

      Hapus
  2. ini kaya old post dll gitu gk boos?

    BalasHapus
    Balasan
    1. iya sob, ini kan mengganti tulisan old post new post home dengan gambar.. :104

      Hapus
  3. Balasan
    1. wah terimakasih sob, blognya sobat juga keren abiiz.... :165

      Hapus
  4. wah tambah info lagi nih....semoga admin disini dan juga mas-mas disini mau mengunjungi blog saya ya

    BalasHapus