Mengubah Tombol Home, Next, Dan Previous Dengan Gambar

Wah sekarang tombol home atau beranda, next atau postingan terbaru dan previous atau postingan lama bisa kamu udah dengan berbagai macam yang interaktif serta menarik. Saya sendiri sudah mencobanya di blog ini hehe. Jika ditanya apa fungsi dari widget ini ya jawabannya untuk mempercantik blog kamu biar tidak monoton begitu-begitu saja. Lihat dibawah yah cara membuatnya seperti apa.

1. Masuk ke Akun Blogger.com

2. Klik Rancangan --> Edit HTML --> Centang Expand Template Widget dan jangan lupa di back up dahulu template yang kamu punya.

3. Lalu kamu cari kode <data:olderPageTitle/> dan jika kamu menemukan 2 atau 3 kode tersebut, ganti semuanya dengan kode dibawah ini.

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXSijKPwclXkBs9XyqBzQZ4DnWMJzH4W3rCI2I90TrQh_61IrHvwoV2wY-ucvmYy9ZtnSPIvhIDbijlZPwg_ifUU_G7ruzaYvOk1I1IXETU0nD9QQI0g7XAVf5UQBHHqZ6Pfg2UUw5WRC9/s1600/w2b_next.png' style='border: 0 none;vertical-align: middle;'/>

4. Lalu kamu cari kode <data:newerPageTitle/> dan jika kamu menemukan 2 atau 3 kode tersebut, ganti semuanya dengan kode dibawah ini.

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFDQ-vtSrPWr_gP86WsFxZlI9EAjGMr9B6BTVslxQpLO1e7oWCxHWbcFw528RQ4Ljnaqu-jz89txEW2Tpq5aphBVfZAo94uKEpzO43ydTrREpoR7y9mVc_pVittwDi38fngxsKwd8wrTxG/s1600/w2b_prev.png' style='border: 0 none;vertical-align: middle;'/>

5. Kamu cari kode <data:homeMsg/> dan jika kamu menemukan 2 atau 3 kode tersebut, ganti semuanya dengan kode dibawah ini.

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_a9VlHt7hfsaQkq-Fi8w3Z9UFy9Nn177DI-j_8pJF-3meomdLLmd-vAHADv0ixNEUJesI2LM15jl3sOvSsTDwkldHjjbqND2sRbXijwXQK4QzzY6ZAv5kO8LK1Gt37MCh5RQcWWKs2Av8/s1600/w2b_home.png' style='border: 0 none;vertical-align: middle;'/>

6. Simapn template. Jika kamu tidak ingin gambar yang diatas, kamu bisa gunakan gambar kamu sendiri, namun kamu harus mengupload file gambar tersebut ke situs hosting gambar seperti filckr, photobucket, imageshack.us dan lain-lain.

Postingan Terkait:

Posted in: Blogger