Minggu, 15 Januari 2012

cara buat hover post seperti blog gue

1. Login akun Blogger anda.
2. Klik edit html
3.coba ctrl+f cari /* POST */
4.letakkan kode dibawah pada akhir kode /* POST */ yg sudah ada, hanya saja di tambahkan kode post yang berbeda effect hover background .



/* Post */

.post {text-align:center;margin: 0px 20px 0px 0px;height:100%;color:none;padding:10px 0px;background:url("http://i56.tinypic.com/wiuhq1.png") no-repeat scroll 0 0 white; background-position:bottom left;border-radius:10px;border: 3px solid red;-moz-border-radius:8px; -webkit-border-radius:8px; box-shadow:-2px -2px 2px #666,1px 1px 1px #666,1px 1px 10px #FF4500; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 10px #FF4500; -webkit-box-shadow:-2px -2px 3px #666,1px 1px 1px #666,1px 1px 10px #FF4500; -o-transition:1s ease-out; -moz-transition:1s ease-out; -webkit-transition:1s ease-out}.post:hover {color:gold; background:black; border: 3px solid transparent; opacity:0.8; box-shadow:-3px -3px 3px #666,1px 1px 1px #666,1px 1px 20px #33F; -moz-box-shadow:-2px -px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F;}


5.simpan deh.

0 komentar:

Posting Komentar