Cara Mengganti Older, Newer dengan Gambar Melayang

Bookmark and Share

Trick baru nih!. Trick ini saya dapetin dari DeeJayHan dya nulis d cbox gw gini : 
"DeeJayHan Share: blogwalking perdana di blog master ini :D " gw dibilang master lho!. padahal masih 2tahunan aq ngeblog udah d bilang master Thnks to DeeJayHan!

berikut contoh screenshotan dari blognya DeeJayHan
http://i1132.photobucket.com/albums/m571/deejayhan/older.jpg


Penasaran?.. Langsung aja bikin!
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 :), tulisan yang bewarna merah dapat kamu ganti dengan Gambar kamu sendiri!

{ 0 komentar... Views All / Send Comment! }

Posting Komentar