Sunday, October 9, 2011

Membuat Efek Bayangan Shadow Pada Background Blog

/ Sunday, October 9, 2011 /
shadow blog 

Cara membuat bayangan pada background blog.  Bayangan atau lebih di kenal dengan efek shadow bisa di buat dengan menggunakan CSS3.Untuk membuatnya, tak perlu dibutuhkan skill yang hebat dalam mengotak-atik blog.
Berikut langkah-langkahnya :
1. Login Blogger
2. Pilih Rancangan
3. Pilih Edit Html dan Tambahkan kode berikut

-moz-box-shadow: 0px 0px 40px #151515;
-webkit-box-shadow: 0px 0px 40px #151515;
box-shadow: 0px 0px 40px #151515;

Untuk peletak'an kode, beda template beda tempat.Sehingga kodenya menjadi :

#wrap{width:800px;background:#fff;margin:0px auto;padding:2px; position:relative ;
-moz-box-shadow: 0px 0px 40px #151515;
-webkit-box-shadow: 0px 0px 40px #151515;
box-shadow: 0px 0px 40px #151515;}

Sangat mudah dan simpel bukan ?

0 comments:

Post a Comment

 
Copyright © 2010 Note Life Blogger, All rights reserved
[Close]