Cara Membuat Tombol Home, Next, Dan Previous Di Blog

Kali ini Saya akan membahas Cara Membuat Tombol Home, Next, Dan Previous Di Blog dengan gambar/icon, seperti yg pernah kita lihat di blog lain. Biasanya kalau template bawaan itu masih berupa tulisan.

Tanpa berlama lama berikut cara membuatnya :

• Login ke blogger.com, jika sudah,
• Pilih Template → Pilih Edit HTML → Expand Template Widget
• Cari kode <data:newerPageTitle/> agar mudah mencari tekan f3
• Ganti kode <data:newerPageTitle/> dengan <img src="URL gambar next page" alt="Next" />
  kode itu untuk mengganti tulisan "next page /posting baru" dengan gambar/icon.
• Cari kode <data:olderPageTitle/>
• Ganti kode <data:olderPageTitle/> dengan <img src="URL gambar previous page" alt="Prev" />
  kode itu untuk mengganti tulisan "previous page /posting lama" dengan gambar/icon.
• Cari kode <data:homeMsg/>
• Ganti kode <data:homeMsg/> dengan <img src="URL gambar home page" alt="home" />
  kode itu untuk mengganti tulisan "home" dengan gambar/icon.

Contoh gambar home page :


Contoh gambar next page :


Contoh gambar previous page :



Di bawah ini adalah contoh URL gambar home page yang bisa Sobat gunakan secara gratis :

• http://i1168.photobucket.com/albums/r493/bysorry/tengah-1.png
• http://icons.iconarchive.com/icons/archigraphs/collection/64/House-icon.png
• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi95nrXfLpai9bPk-RAUaJCf7pnBwQQ2sv_ctX3LDNONveizt4VyDMhHCNuOu465DYZruNCQIq7CTqVf_lrftkntR-Z0SGz2-HwqWYMUmVmmIhSEwPoIjy0pMXg0q7cd3OUGgc0eNsusUo/s1600/otowebsite_home.png

Di bawah ini adalah contoh URL gambar next page yang bisa Sobat gunakan secara gratis :

• http://i1168.photobucket.com/albums/r493/bysorry/2-4.png
• http://icons.iconarchive.com/icons/mattahan/umicons/48/Arrow-Left-icon.png
• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmexB5ZLDNLyf_PbnuZXJk2aaVcjCXz8QurLD3IrOqhyphenhyphen4QVgDZrKtI8z95YEl2An-oxVGH7rIXlVME8GUKFDhnJ5TlMONjsIyRgBZP9_WFqzNjmEKFkyH9Ff_m7THiDxxMWSnZ-hf4HqM/s1600/otowebsite_next.png

Di bawah ini adalah contoh URL gambar previous page yang bisa Sobat gunakan secara gratis :

• http://i1168.photobucket.com/albums/r493/bysorry/1-4.png
• http://icons.iconarchive.com/icons/mattahan/umicons/48/Arrow-right-icon.png
• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyNj_TEXnu-mQcsJ1iTBf98usYJQiZzCQcc__MSPuYvPu09LUrTLNYn5EFPcfsJxgyyBjT_3fixy5QmiJxmjqRX9C5RBPIjVOcECKqB67ykq6MD3x1CtGlXCs3fNxx1Q-v5aLi2inmr2s/s1600/otowebsite_prev.png

Perhatian :

Untuk mendapatkan link gambar/icon yang sobat punya sendiri, Sobat bisa upload ke photo bucket dan ambil link URL nya.


Perhatian :

• Biasanya, ada dua kode <data:homemsg> , Pilih yang paling atas !
• Ganti kode terserah dengan alamat gambarnya 

• Simpan dan lihat hasilnya

Selamat Mencoba !