Rabu, 29 Februari 2012

Mengganti Older, Newer dengan Gambar Melayang

Pada kesempatan kali ini saya akan share "Mengganti Older, Newer dengan Gambar Melayang" nah sebelumnya post ini adalah requestan dari sobat blogger.. nah bagi yang belum tau gimana itu "Older, Newer dengan Gambar Melayang" silahkan lihat di blog ini atau bisa lihat ss atau screenshot dibawah ini :


http://i1132.photobucket.com/albums/m571/deejayhan/older.jpg
1. Login ke blogger.
2. Pada Dasbor klik Rancangan, kemudian klik Edit HTML.
3. Lalu carilah kode ]]></b:skin>
 setelah mencari kode ]]></b:skin>
 silahkan masukan kode dibawah ini tepat di atas kode ]]></b:skin>
 ini :

#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}
 4. Simpan deh :D

NB :  Jangan lupa delete blog-pager-newer-link dan blog-pager-older-link yang agan gunakan sebelumnya :)

Semoga Bermanfaat :)
Description: Membuat Older Newer Post Melayang
Rating: 5.0
5.0
Share on :
 
© Copyright Top Online News | Toko News 2011 - Some rights reserved | Powered by | Blogger.com.
Template Design by Herdiansyah Hamzah | Supported by Toko Blog N GoogleMengganti Older, Newer dengan Gambar Melayang