Pengikut

Related Posts Plugin for WordPress, Blogger...

Newer Post, Home dan Older Post link dengan CSS Code

Disini kita akan memodifikasi Link Newer Post (Postingan Baru), Home dan Older Post (Postingan Lama) yang biasanya terletak dibawah postingan.

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 {float:right;}
#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.........
Keterangan:
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)

Komentar :

ada 1
lothlorien(mun im) mengatakan...
pada hari 

:b:

Posting Komentar

 

Mengenai Saya

Foto saya
Tuban, Jawa Timur, Indonesia
my another blog

http://blogloths.blogspot.com