Search This Blog

test

20 February 2012

Membuat Older Post dan Newer Post Melayang

Cara membuat Older Post dan Newer Post Melayang : 


LIHAT SCREEN SHOOT Dibawah Ini :




Cara membuat Older post dan Newer Post Melayang Sebenarnya tidak terlalu sulit  , alias Simple :

Ok Langsung Deh Caranya : 

  • Masuk Blogger - Rancangan/Design - Edit Html
  • Cari Kode  ]]></b:skin> Gunakan F3 untuk mempermudah Pencarian
  • Lalu Masukkan Kode Dibawah Ini 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}

Catatan : Jangan Lupa Menghapus Kode Blog Pager yang Anda Punya Sebelum Copy/Paste Kode Diatas agar CSS tidak bentrok