Cara Memodifikasi Tombol Next dan Prev (Older dan New)

Hai kawan-kawan pengunjung Hafiz Cyber. Maaf, lama nggak update tutorial, hehe maklum banyak tugas sekolah dan lagi fokus ke Try Out. Kali ini saya sempatkan untuk menulis sebuah tutorial singkat tentang cara memodifikasi tombol next dan prev yang ada di bawah postingan. Caranya amat sangat sederhana dan mudah di praktekkan. Langsung saja.

Sebaiknya back-up templatenya terlebih dahulu, jaga-jaga jika ada yang gagal atau kesalahan.

Pertama-tama, masuk ke blogger dan template.
Kemudian masuk ke Edit HTML.
Biasanya CSS tombol next dan prev itu :

#blog-pager-newer-link{blablablabla (tergantung template)}
#blog-pager-older-link{blablablabla (tergantung template)}
#blog-pager{blablabal (tergantung template)}

Dan sekarang gantilah dengan kode berikut ini :

#blog-pager-newer-link {
                        float: left;
                        background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUlDJTNZ6LV_0eEDxipLuqZZ7RwpZrqOCDTPlIu0isUuosdwf6606W19O_OTenpBNCugimTWAjK_vsYR7XFODxi46cbPXALcxEdSHySgbzNFOwH1ssUFJzw1PTRcy5bGyuORl8H72TSeQG/s1600/left.gif) no-repeat left;
                        font-size:11px;
                        height:60px;
 }
 
#blog-pager-older-link {
                        float: right;
                        background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibT6p1Uwghy8L97IWp2CmB6OlajgaRDwi3zLeg8bVfPPoKYW1I7kQWGB3DWW2TQFjijRmFfR6BXdku5Yd3K30J_tY6IBBzWETeMFhqkcIVF40E8CGixofh84xDuPHgbM0yT1cLFuccWQtL/s1600/right.gif) no-repeat right;
                        font-size:11px;
                        height:60px;
 }

#blog-pager { 
  text-align: center;
  margin: 5px 0;
 }

Kemudian Simpan Template anda. Dan lihat perubahannya :))
Jika ada yang kurang faham, silahkan bertanya di komentar, saya akan menjawab semaksimalnya.

Pengunjung yang baik selalu meninggalkan komentar yang relevan dan membangun tanpa spam.