0 Cara Mengganti Older, Newer dengan Gambar Melayang

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Cara Mengganti Older dan Newer dengan Gambar Melayang (float).Bagi sobat-sobat yang tertarik untuk memberi kesan berbeda tulisan posting lama atau posting barunya....



Niiihhhh vikry punya solusinya ....



Yups... yaitu Mengganti tulisan posting lama dan posting baru dengan Gambar Melayang.



Penasaran??? pengen nyoba??? nih tau kasih screenshoot blog tmen saya yg pakek efek seperti ini KLIK DISINI.



keren kan????

ok buat yang tertaik langsung saja ya

Cara Mengganti Older, Newer dengan Gambar Melayang

• login blog


• rancangan >> edit HTML (centang "Expand Template Widget")


• cari kode ]]></b:skin>


• lalu taruh kode dibawah ini tepat di atas 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}

NB : kode yang berwarna merah bisa sobat ganti dengan kode gambar sobat sendiri dan jangan lupa hapus blog-pager-newer-link dan blog-pager-older-link yang ada pada template sobat.

• simpan dan lihat hasilnya

Good Luck ^_^



ref : http://deejayhan.blogspot.com/