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
agar mudah mencari tekan f3 - Ganti kode
dengan URL gambar next page" alt="Next" />
kode itu untuk mengganti tulisan "next page /posting baru" dengan gambar/icon. - Cari kode
- Ganti kode
dengan URL gambar previous page" alt="Prev" />
kode itu untuk mengganti tulisan "previous page /posting lama" dengan gambar/icon. - Cari kode
- Ganti kode
dengan 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
- http://1.bp.blogspot.com/-IZxUuMGGWhQ/T68dW8WcWVI/AAAAAAAABHk/3TqgPTvdU8I/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
- http://1.bp.blogspot.com/-_KWWnxFynzg/T70WaoQ94_I/AAAAAAAABik/DBo_CAHRPVE/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
- http://1.bp.blogspot.com/-CbTuVszu2Lc/T70VvOTErWI/AAAAAAAABic/kBPYxgW4h_o/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
, Pilih yang paling atas ! - Ganti kode terserah dengan alamat gambarnya
- Simpan dan lihat hasilnya
Selamat Mencoba !
