Hover untuk Outer Wrapper

Siang yang sangat Panas di perumahan gue.. tapi enaknya Posting dulu ahh..hehe
Oiya kalian udah pada tau kan Hover yg ada di Outer Blog ku ini.. pastinya udaah.. nah kali ini gue mau sharing tentang itu.. apa itu ??? yaitu Hover untuk Outer Blog/Hover untuk Outer Wrapper...

Cara ini gue posting karena gue terinspirasi dari www.bit-xp.com.. coba arahin Mouse ke Outernya  !!! ada efek hovernya kan.. nah itu dia yg dimaksud. tapi gausah jauh jauh kesana untuk liat demo-nya ! di Blog gue juga ada coba dehh... kalo masih belom ngerti, nih gue kasih SSnya di bawah ini :

naah,, itu diaa.. udah tau kan ?? belom jugaa berarti KETERLALUAN !!!

Kalo kalian pengen coba ikutin langkah berikut :

login ke Blogger (udah pasti)

Masuk ke Edit Html

centang  Expand Widget Templates

trus cari #outer-wrapper{...} sampe ketemu tag penutup ( } ), kalian tambahin kode berikut :

#outer-wrapper:hover{-moz-box-shadow: 0px 0px 20px WARNA;-webkit-box-shadow:0px 0px 20px WARNA;box-shadow: 0px 0px 20px WARNA;-webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out;}

ganti kata WARNA dengan kode warna kalian...
kalo udah Preview dulu, bari Save Template.. gampang kan !!!
yaudah sekian dulu..