Apakabar Sahabat Trickycheat,
Kali ini aku mau membahas tentang bagaiman cara membuat tombol next dan previous dengan gambar.
kalian lihat deh bagian bawah blog kalian, tampak tulisan "Posting lebih baru" dan "Posting lama".
skarang Kalian bisa bayangkan deh... kalau seandainya tulisan panjang, ndeso, dan gak gaul itu kalian ganti dengan icon yang keren dan simpel.
Berikut ini langkah langkahnya:
1. Masuk (login) ke blogger
2. Rancangan >Klik tata letak> edit HTML
3. Centang "Expand Template Widget"
4. Untuk mengganti tulisan "next page /posting baru" dengan gambar,,
Cari dan ganti kode <data:newerpagetitle/> dengan <img src="xxxxx" alt="Next" />
5. Untuk mengganti tulisan "previous page /posting lama" dengan gambar,,
Cari dan ganti kode <data:olderpagetitle/> dengan <img src="xxxxx" alt="Prev" />
6. Untuk mengganti tulisan "home" dengan gambar,,
Cari dan ganti kode <data:homemsg/> dengan <img src="xxxxx" alt="home" />
#Catatan : biasanya, ada dua kode <data:homemsg/> .. Pilih yang paling atas aja ,,
#Catatan : ganti kode terserah dengan alamat gambarnya ,,
Silahkan ganti tulisan kuning (xxxxx) dengan alamat gambar kamu.
gambar icon dapat dicari di (http://www.iconarchive.com/) atau google juga bisa.
dengan mencari dengan kata kunci (next, back, atau Home)
Pilih dan buka icon yang ukurannya (48x48)>>> boleh kecil tp jangan ke gedhean lho
Selesai deh....
Simpan Templete dan lihat Hasilnnya
-GOOD JOB-
»
Tidak ada komentar:
Posting Komentar