Tips blog kali ini adalah cara sederhana membuat icon Prev - Home - Next, yang biasanya untuk tampilan default adalah ( Newer post - Home - Older Post ). Kita bisa mengganti tombol tersebut dengan gambar sesuai dengan kreasi kita sendiri. Fungsi tombol bottom ini selain memperindah tampilan blog juga untuk mempermudah pembaca menelusuri artikel - artikel yang kita posting sebelumnya.
Langsung saja kita ikuti langkah - langkahnya :
1. Siapkan gambar yang akan kita jadikan tombol buttomnya.
Misalnya :
Jika anda kesulitan mencari gambar arrow kanan dan kiri yang sama, silahkan cari salah satunya kemudian edit gambar dengan GIMP dan gunakan Flip Tool untuk merubah arahnya.
2. Jika ukuran gambar terlalu besar bisa kita convert size terlebih dahulu dengan Paint bawaan windows atau bisa dengan Tool Riot.
3. Kemudian kita perlu upload gambar tersebut di file hosting agar lebih mudah dan cepat aksesnya kita upload di blogspot. Kita bisa membuat blog kosong untuk penyimpanan gambar tersebut.
4. Setelah kita dapatkan URL gambarnya kemudian menuju ke cara pemasangan di Template Blog
5. Masuk ke Edit HTML >> Expand ( Tekan CTRL+A, CTRL+C, DEL, CTRL+V )
6. Kemudian Ganti Kode - kode berikut ini :
<data:newerpagetitle>
Ganti Dengan :
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizjL7qZIaGOy89oAG20fPJuxZMhB_8rwqAN-HxU6yG8DF1wlVtONlLJdrOfKmX9debrXyKDsO4JXWOIeVcx0pj5pCRrFCtygpp9-MAviJWzvQchx84NwrKtB17nwAH_0TNWv27wyGmfSk/s1600/Kiri+panah.jpg" alt="Next" />
<data:olderpagetitle>
Ganti Dengan :
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvZXdjpkmWLkdYcWtCZncz5MZlnTw2a2wNpvC3umY20TOgIMMZfVTNwvl7Ta3TVhO21G58EB3bVQ-1mNeSM_KVFICSnG-N-74rPp89KIc8NIaQaXSYRz-GrdbrZG7_g0ZAUnDmT7jtJok/s1600/Kanan+panah.jpg" alt="Previous" />
<data:homemsg>
Ganti Dengan :
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGYQv-UvRxVAd3wYzeT8LmFgBP-iHT3f9HCv7wJUSAba5bqWu7oh7B0wuPhDIUmrlgWhRuD2tG17H7hVAmb4Xv-WzgrqEmjuRItAGyOXriM_nNAsPg6OsKSxD2Mahlqk3ehNAzmany8Ik/s1600/Home.jpg" alt="Home" />
Ganti Dengan :
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizjL7qZIaGOy89oAG20fPJuxZMhB_8rwqAN-HxU6yG8DF1wlVtONlLJdrOfKmX9debrXyKDsO4JXWOIeVcx0pj5pCRrFCtygpp9-MAviJWzvQchx84NwrKtB17nwAH_0TNWv27wyGmfSk/s1600/Kiri+panah.jpg" alt="Next" />
<data:olderpagetitle>
Ganti Dengan :
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvZXdjpkmWLkdYcWtCZncz5MZlnTw2a2wNpvC3umY20TOgIMMZfVTNwvl7Ta3TVhO21G58EB3bVQ-1mNeSM_KVFICSnG-N-74rPp89KIc8NIaQaXSYRz-GrdbrZG7_g0ZAUnDmT7jtJok/s1600/Kanan+panah.jpg" alt="Previous" />
<data:homemsg>
Ganti Dengan :
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGYQv-UvRxVAd3wYzeT8LmFgBP-iHT3f9HCv7wJUSAba5bqWu7oh7B0wuPhDIUmrlgWhRuD2tG17H7hVAmb4Xv-WzgrqEmjuRItAGyOXriM_nNAsPg6OsKSxD2Mahlqk3ehNAzmany8Ik/s1600/Home.jpg" alt="Home" />
Note :
Ganti kode warna kuning dengan URL Gambar yang sudah kita upload tadi.
7. Terakhir PREVIEW template setelah tidak ada yang error baru SAVE.
Demikian tips blog sederhana yang saya berikan semoga bermanfaat.
Dan akhirnya saya ucapkan terimakasih telah membaca artikel ini.
Like THIS :
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di BDariku
Belum ada komentar untuk "Tips Sederhana Membuat Icon Prev - Next Blog"
Posting Komentar