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/AVvXsEjt7yr_26mr-j9ElBQ2DC19CYn7JqL78nbGkR6-h4XowGzRvowMfMmChfCqh3UeZqL6mXz4VOePpmr3OiHpSaKyNGMp-saiiVmCtKxfFpJZCHmBYa1hK8f01zEj1tA-0Mf7MTVrgDSgNh4/s1600/otowebsite_home.png"/>

Untuk mengganti "PREVIOUS" Cari Kode :

<data:olderPageTitle/>

Dan Ganti Dengan :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGf3vBj2RdRe4JATv-ZEyPnW0BlkEi_EVD2BDyn2FnU67EVgXNUW7VYDRZ4K9_TQ-s2Ygd9C_UnARac80qc2y7GVHAhfLMtVcKOPj4zX7JiFO5IjjdOtez5B7_HSB2u_Gn0YJH4D2JTzo/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/AVvXsEjqN_xvsN_e-IyAwv6jfbGe6dEiXeC9FtLV7J7xPd6O6Sj5Y28dddwf7DeO_qxB_J7qoEg_mt5Ff0uPOMSn5yMBv2dTJozEG81C6uqqmK9ZD8xNugBAdyiMs66LUP-7Gylox9f55XmtG6M/s1600/otowebsite_prev.png"/>

Untuk mengganti "NEXT" Cari Kode :

<data:newerPageTitle/>

Dan Ganti Dengan :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGf3vBj2RdRe4JATv-ZEyPnW0BlkEi_EVD2BDyn2FnU67EVgXNUW7VYDRZ4K9_TQ-s2Ygd9C_UnARac80qc2y7GVHAhfLMtVcKOPj4zX7JiFO5IjjdOtez5B7_HSB2u_Gn0YJH4D2JTzo/s1600/otowebsite_next.png"/>

5. Simpan Template.

Keterangan :

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

Berbagi :