Cara Membuat Tombol Next, Prev, Home Bergambar Keren di Tampilan HTML Baru

1. Masuk Blogger

2. Rancangan ➨ Edit HTML ➨ Lalu Centang  Expand Template Widget

3. Cari Tiap Kode Ini :

Untuk mengganti "HOME" Cari Kode :

<data:homeMsg/>

Ganti Dengan Ini :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXxlEFuVo8QkXV1dWRlc_lcl_r4VMykXOQ7SaDFnrQJH8_VvAPAizVcGRDz3cty4sRZKJnPLYV-9i3QcAbg4OeT6XGngQQqUqp9-MHaj65rFdVW8HnIxvoFCwOCHXO_1dgOe_5NpkSTwM/s1600/otowebsite_home.png"/>

Untuk mengganti "PREVIOUS" Cari Kode :

<data:olderPageTitle/>

Dan Ganti Dengan :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc9GXnkyE85Y856VrIV2VVCE9BWcNeZgYxwk8xkxQ4_WXSXBRQoE9LPrQcX6ogXBn6S89X0f6wqsGZPTTnlVW58VQX83K1gXv3SA3sOUO_5_hXkWKpi-FK1ybaaEOE6pU_aXdyLEY3g7I/s1600/otowebsite_next.png"/>textarea></p></form><form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div><p style="text-align: center;"><textarea style="padding: 3px; width: 300px; height: 50px;" name="txt"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3WO7babpeL_pWhIlYggzCC_AwYpt3x9a2-06Sr6kOoo5KjFIKlAJ5fZKL48OUrgVxJsnZNNSG_HMTYbVWSOsVy6MjRzUWrhphz9UToQvxupRth5W52WGaK_gLOHLBxXXbOQRE2ypVy4M/s1600/otowebsite_prev.png"/>

Untuk mengganti "NEXT" Cari Kode :

<data:newerPageTitle/>

Dan Ganti Dengan :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc9GXnkyE85Y856VrIV2VVCE9BWcNeZgYxwk8xkxQ4_WXSXBRQoE9LPrQcX6ogXBn6S89X0f6wqsGZPTTnlVW58VQX83K1gXv3SA3sOUO_5_hXkWKpi-FK1ybaaEOE6pU_aXdyLEY3g7I/s1600/otowebsite_next.png"/>

5. Simpan Template.

Keterangan :

-. ganti yang dalam kotak (Dengan Gambar Read More Milik Sobat)