Sunday, October 9, 2016

Cara membuat tombol Home, Next, dan Previous di blog


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=' http://1.bp.blogspot.com/-xtb-_7jEjIY/Th69y6t9sVI/AAAAAAAABKQ/slLsdQ43ZMc/s1600/w2b_next.png ' style='border: 0 none;vertical-align: middle;'/>
   
    5. Cari kode <data:newerPageTitle/> ganti dengan kode di bawah ini
<img src=' http://2.bp.blogspot.com/-Odp_sQbM7_s/Th69zJM7FcI/AAAAAAAABKU/cjzpZkRMtM0/s1600/w2b_prev.png ' style='border: 0 none;vertical-align: middle;'/>

    6. Cari kode <data:homeMsg/> ganti dengan kode di bawah ini
<img src=' http://2.bp.blogspot.com/-Tm9sP0CPQBs/Th69yh2PpZI/AAAAAAAABKM/R_0wxEBGVuM/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..



EmoticonEmoticon