Tips kali ini berbeda dengan tips yang sudah ada karena di sini kita hanya perlu menambahkan kode CSS, tanpa harus mengubah/menambahkan kode HML (tidak usah 'Expand Widget Templates')yang biasanya cukup membingungkan bagi sebagian orang.....
Berikut Langkah langkahnya :
- Login ke blogger
- Pilih Layout lalu pilih Edit HTML
- Cari kode CSS ini
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right
- Kemudian hapus dan ganti kode CSS tersebut dengan CSS di bawah ini
#blog-pager-newer-link a {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitPQ9WoAaPybcBOfc3REkgxge31dpGi4d_-BYElhuv2i7690egGl82-x9BQ-Swke8cRnP7ALSgt73ydFwRACmIAJrjc9qnhDQYtViuJGfi5XBMvwsZR7jQq9eEYP8j9TMT9MzZws7Mn3c/s400/kiri.png) no-repeat scroll center center;
display:block;
height:48px;
text-indent:-9999px;
width:48px;
}
.home-link {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVD6UDSaFAsD7fn9NOqi-vS0jL8DZKiT-RH9RwneefAr1s7jeqcJ0ql8BAANF-14OCmrmuD6Tm7UYU3_kSBHO4LHHXlkDds_St35w35zgf7cz9VpFEJ78g43GY97ADXPstSFBW1eC2fIM/s400/home.png) no-repeat scroll center center;
display:block;
height:32px;
margin:0 auto;
text-indent:-9999px;
width:32px;
}
#blog-pager-older-link {float:right;}
#blog-pager-older-link a {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ90NbTEak2RnwlvKrBeFr2JRvXkn8zTHYo16ZTJ5I2Oajw5fuRIiDm5WIQ_JiSl0UxUyu8sbaF8klljv5OLESQCK_9-0UmVXZ0-0jjiLHJOVMFpQE6Uqzin0iX_r0WnSDw1QLG9Wm8zQ/s400/kanan.png) no-repeat scroll center center;
display:block;
height:48px;
text-indent:-9999px;
width:48px;
}
- Simpan Template, dan lihat hasilnya.
- Selesai dan..... happy blogger.........
Kode warna merah adakah url dimana kita upload gambar/ikon next,prev dan home, silahkan ubah sesuai selera (denngan gambar/ikon lainnya yang tentunya sudah anda upload)
:b: