Friday, October 5, 2012

Cara membuat tombol next dengan gambar pada blog terbaru



بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Pada postingan kali ini saya kan shere yaitu bagaimana cara Cara Membuat Tombol Home, Next, Dan Previous Di Blog,
seperti  blog saya ini, bawaan templet asli pasti masih menggunakan tulisan tersebut,.
penasaran nih,. ngin menganti tulisan tersebut dengan gambar,..
 mari ikuti tutorialnya..
 Langkah-langkahnya :
1. Login dulu ke blog
2. Pilih Rancangan
3. Edit HTML
4.Centreng Expan Template Widget
5.Untuk mengganti tulisan Next dengan gambar cari kode <data:newerPageTitle/> Dan diganti dengan <img src="URL GAMBAR ANDA DISINI" alt="Next" />
6. Untuk mengganti tulisan Previous dengan gambar Cari dan ganti kode <data:olderPageTitle/> Diganti  dengan <img src="URL GAMBAR ANDA" alt="Prev" />
7. Untuk mengganti tulisan Home dengan gambar cari  kode <data:homeMsg/> Diganti 
dengan <img src="URL GAMBAR ANDA" alt="home" />

Note:Untuk mencari cepat gunakanlah tombol CTRL+F pada keyboard anda.
Dan dibawah ini saya menyediakan gambar dari masing-masing tampilan,gunakanlah jika ini bermanfaat dan jika anda belum mempunyai gambar yang sesuai untuk digantikan.


  •  http://b.dryicons.com/images/icon_sets/classy_icons_set/png/64x64/home_accept.png      
  • http://b.dryicons.com/images/icon_sets/classy_icons_set/png/64x64/home_accept.png
  •  http://a.dryicons.com/images/icon_sets/coquette_part_6_icons_set/png/64x64/next.png      
  • http://a.dryicons.com/images/icon_sets/coquette_part_6_icons_set/png/64x64/next.png
  •   http://c.dryicons.com/images/icon_sets/coquette_part_6_icons_set/png/64x64/previous.png      
  • http://c.dryicons.com/images/icon_sets/coquette_part_6_icons_set/png/64x64/previous.png

Related Posts

Cara membuat tombol next dengan gambar pada blog terbaru
4/ 5
Oleh