Cara Mengganti Tulisan Older atau Newer Post Dengan Float Image (Melayang)

Kali ini saya akan membahas cara Mengganti Tulisan Older atau Newer Post Dengan Float Image (Melayang), maksudnya disini kita akan merubahnya menjadi image (melayang).

Sering kita membaca artikel tentang cara merubah tulisan older post dan newer post dengan gambar. Tapi dalam artikel kali ini Saya akan memberikan tutorial yang berbeda, dengan cara merubah tulisan older dan newer post dengan Float Image (melayang). Tutorial ini Saya ambil dari blognya bang uTta

Untuk contoh bisa dilihat di samping kanan atau kiri blog Saya.


Tanpa berlama-lama berikut cara membuatnya :

• Login ke blogger.com, jika sudah,
• Pilih Template → Edit HTML → Expand Template Widget
• Cari kode ]]></b:skin> agar mudah mencari tekan f3
• Letakkan script di bawah ini di atas kode ]]></b:skin>

/* Blog Pager Ala Utta */
#blog-pager a{-webkit-transition:all .8s ease-out;-moz-transition:all .8s ease-out;-o-transition:all .8s ease-out;height:80px;opacity:0.6;overflow:hidden;position:fixed;text-indent:-9999px;top:44%;width:80px;z-index:9;margin:0 0 0 0px}
.blog-pager-older-link{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijyH0x4q-SAlqPF4GPtqVJLrvKqx5xc5gC1rqaVvPBfZbZFXx5UtC2NhMKaPFrvl_zPs8jUspXxYWBWAropGiLN8jDgtxIX7_LG4T9gsW6k3r0vXp1iv_yKJKC9pLl0CzcrUXzmbgqEcHF/s1600/next_button.png) no-repeat scroll 0 0 transparent;right:0px}
.blog-pager-newer-link{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDL-0r9VHrW5sOmDMVUZmnJ7SVq_yI5RIiUY4Tnub0GBnudZ8l7Q6aW0qrHKwvW9yL66Eka8QGtRpKI5fkel7KTviaDiGNT_JJKKAX-Ql4qLzC_3VO2vnf8mJyJUwqGNw7uCKynOW67LkI/s1600/prev_button.png) no-repeat scroll 0 0 transparent;left:0}
#blog-pager a:hover{opacity:0.9}

Selamat Mencoba !