Home
Blogger
Design Blog

Cara membuat tombol Home Next dan Previous di blog

Home, Next - Prev
 
 
Baiklah  hari ini saya berbagi tips sedikit untuk memperindah navigasi home,next dan previous.

Baiklah sobat langsung saja kita ke langkah - langkahnya :

  1. Login dulu ke akun blog sobat
  2. Kemudian Dashboard, Design, Edit HTML
  3. Jangan lupa untuk mencentang expand, tekan ctrl + f
  4. Cari kode <data:olderPageTitle/> ganti dengan kode di bawah ini 
<img src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGcIkXBwHs28jlqUEMc7MBcUkS6INrLff8dNK_Vqtxdj_4qyCl6j0m5ZWvcXEgkaEQs3ZC21JGMT-ZLm_7vSX91q2ey6OSnPh6BiZQfpkG9aqz3TmwzOV8MrAYGgouE3_rQ40ozJCb0T2a/s1600/w2b_next.png ' style='border: 0 none;vertical-align: middle;'/>
   
    5. Cari kode <data:newerPageTitle/> ganti dengan kode di bawah ini
<img src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpYQ1wD2SQvv-zoMNmf5RCRhbM425DaNefDGCjyj3DubeUgvt3lOBk2GFzW2OAoNYJwFkhz4KoQqHmZ1zNbOtyBPnvozw_M6FI2h1VG3Yv4YsvRysNtj4_PZvXC-wfz8S_N8Kwk-U-7LLg/s1600/w2b_prev.png ' style='border: 0 none;vertical-align: middle;'/>

    6. Cari kode <data:homeMsg/> ganti dengan kode di bawah ini
<img src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAOe012zHrK54wRgdcmk3_kdv3-7-xC7KWpxYep2GGcTFB38pFEkAHbETAgL38Fd2gmzaV4a4Q6qZU2DDO5asHX8WTOXDKtQvhA82eKbcEZ9BCZFsr9XSb8uIZOp2eEzeSG64ypk-QZqCm/s1600/w2b_home.png ' style='border: 0 none;vertical-align: middle;'/>

   7. Kemudian save dan lihat hasilnya,
NB :
  • url yang berwarna kuning adalah url icon Next, sobat bisa menggantinya sesuai selera
  • url yang berwarna hijau adalah url icon Previous, sobat bisa menggantinya sesuai selera 
  • url yang berwarna merah adalah url icon Home, sobat bisa menggantinya sesuai selera
Semoga bermanfaat bagi anda semua..

Post a Comment