Cara Membuat Older dan Newers Dengan gambar Float (Melayang)

Bagi Sobat -sobat yang ingin mengengganti penampilan Posting lama dan posting baru saya punya cara untuk bisa melakukan itu dengan menggantinya menjadi gambar melayang

Berikut carannya:

1. Loginterlebih dahulu ke blog anda
2. Klik Template > Edit HTML > Lanjutkan ,Centang Expand Template Widget
3. Lalu Cari Kode ]]></b:skin>
4. Lalu Simpan Kode dibawah Tepat diatas Kode ]]></b:skin>

#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:40%;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}

Kode yang berwarna Merah dapat Diganti dengan url gambar Sobat tapi jika ingin menggunakan gambar ini monggoo....

Simpan/Save Selesai

Selamat mencoba and Happy Blogging