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

By muhamad bagus at 06:39

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/AVvXsEizkgpU_cUXyBNGdpweSxcdq4qWlMMtzeoRzvs60Xn0L6LpTYbzCll2Q8Qm1ODWaM0pm8DGmlL9xTPRFHj5xvOIob0IF_9uFW6xBU09txBOaJZXWlButCPQRx8-VsWh7Iw80vwl_9knkik/s1600/otowebsite_home.png"/>

Untuk mengganti "PREVIOUS" Cari Kode :

<data:olderPageTitle/>

Dan Ganti Dengan :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7D7s_vB5bLApQRkwN0ZRHXiYEW94QQbMu7YTJbpYBx47da72LScMoLsCKTYhIPR4-7GS1GERXrlrmC3ZlWtEoPDWMi8IqndFep58c7lOJz3Aejl4IgxSj6b8W6bEX2a5PjLhdcVi9waU/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/AVvXsEjzMmjsW7dsuksluLFERXciP1KYS76iWU2WwFQGNbPxlppSY1D9NzIw2cTK1QdXBzwQjr7ppgcyd_UU6iHc5JKE0VcwRlKYRIvlk9KhgYiPYv3gNvIaXzM7aWneKriYhJ_0W59RUpkA7OI/s1600/otowebsite_prev.png"/>

Untuk mengganti "NEXT" Cari Kode :

<data:newerPageTitle/>

Dan Ganti Dengan :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7D7s_vB5bLApQRkwN0ZRHXiYEW94QQbMu7YTJbpYBx47da72LScMoLsCKTYhIPR4-7GS1GERXrlrmC3ZlWtEoPDWMi8IqndFep58c7lOJz3Aejl4IgxSj6b8W6bEX2a5PjLhdcVi9waU/s1600/otowebsite_next.png"/>

5. Simpan Template.

Keterangan :

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

Share on : Facebook Twitter Google+