Membuat Blog Pager Melayang

Blog pager adalah salah satu elemen paling penting pada sebuah blog, karena blog pager berfungsi sebagai navigasi antar halaman blog. mungkin tidak banyak yang tahu bahwa blog pager bawaan blogger bisa di modifikasi, bisa berupa gambar atau di ubah posisinya. Nah kali ini As-par Blog  akan share cara mengubah blog pager ini menjadi gambar dalam posisi melayang dan menambahkan efek opacity pada gambarnya.

Jika ingin melihat demo nya bisa di lihat pada blog ini dan screenshot di bawah ini.

Jika sobat berminat mengubah blog pager yang ada di blogmu sekarang dengan blog pager yang ada di blog saya silahkan ikuti langkah langkah mudah di bawah ini :

1. Login ke akun blogger sobat.
2. Pergi ke halaman edit Template >> Klik edit HTML >> Klik Lanjutkan.
3. Cari kode </head>
4. Copy paste kode di bawah ini tepat di atas kode </head>.

/* Blog pager from As-par Blog */
/* http://aspar69susanto.blogspot.com */
<style>
#blog-pager a{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;height:80px;opacity:0.4;overflow:hidden;position:fixed;text-indent:-9999px;top:50%;width:80px;z-index:9;margin:0 0 0 5px}
.blog-pager-older-link{background:url(http://4.bp.blogspot.com/-18bHuKvg5ao/TnGg6N1EtWI/AAAAAAAAA6A/ZhKPackZ4WQ/s400/Next.png) no-repeat scroll 0 0 transparent;right:5px;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
.blog-pager-newer-link{background:url(http://4.bp.blogspot.com/-QbeWH7P8OSE/TnGg_zIB6nI/AAAAAAAAA6I/TmNTauVcj3U/s400/Prev.png) no-repeat scroll 0 0 transparent;left:0;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}#blog-pager a:hover{opacity:1}
</style>

5. Selanjutnya Klik Simpan Template.