Cara pasang BOx Shadow Hover di Blog

Posted by SonyGumilar on 3/17/2014 in Blogger | Comments : 0

1. Login ke Akun Blogger anda masing-masing
2. Klik Design atau Rancangan, kemudian pilih edit html
3. Centang Expand Widget Template 
4. Cari kode : ]]></b:skin>
5. Jika Sudah Ketemu, letakkan Kode CSS dibawah ini sebelum atau diatas kode ]]></b:skin> .

.post-body {

margin:1em 0 1em 0;

line-height:1.6em;

margin: 20px 4px;

border: 1px solid #999;

padding: 10px 6px;

border-radius: 8px;

-moz-border-radius: 8px;

-webkit-border-radius: 8px;

box-shadow: -1px -1px 1px #666, 1px 1px 1px #666, 1px 1px 10px #CCCCFF;

-moz-box-shadow: -1px -1px 1px #666, 1px 1px 1px #666, 1px 1px 10px #CCCCFF;

-webkit-box-shadow: -1px -1px 1px #666, 1px 1px 1px #666, 1px 1px 10px #CCCCFF;

-o-transition: 1s ease-out;

-moz-transition: 1s ease-out;

-webkit-transition: 1s ease-out;

}

.post-body:hover {

border-radius: 15px;

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

box-shadow: -1px -1px 1px #666, 1px 1px 1px #666, 1px 1px 20px #F70000;

-moz-box-shadow: -1px -1px 1px #666, 1px 1px 1px #666, 1px 1px 20px #F70000;

-webkit-box-shadow: -1px -1px 1px #666, 1px 1px 1px #666, 1px 1px 20px #F70000;

}

KET , ganti text warna merah dengan Warna kesukaan kalainn ,,

Termakasih selamat mencobanya :)