Minggu, 15 Juli 2012

Membuat Efek bayangan Shadow pada background blog.

Membuat Efek bayangan Shadow pada background blog. - Cara membuat bayangan pada background blog - Bayangan atau lebih di kenal dengan efek shadow bisa di buat dengan menggunakan CSS3. Sebagai contoh bisa dilihat di sini Tempat pesan sandal gaul. pada tepi blog, ada semacam bayangan yang membuat blog tambah enak di lihat ( menurut saya ).

Untuk membuatnya, tak perlu dibutuhkan skill yang hebat dalam mengotak-atik blog. Berikut langkah-langkahnya :
Login Blogger
Pilih Rancangan
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. Sebagai contoh untuk blog http://sandal-gaul.rofingi.com/. diletakkan CSS bagian Wrap. 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;}
:) :( ;) :D ;;-) :-/ :x :P :-* =(( :-O X( :7 B-) :-S #:-S 7:) :(( :)) :| /:) =)) O:-) :-B =; :-c :)] ~X( :-h :-t 8-7 I-) 8-| L-) :-a :-$ [-( :O) 8-} 2:-P (:| =P~ #-o =D7 :-SS @-) :^o :-w 7:P 2):) X_X :!! \m/ :-q :-bd ^#(^ :ar!

2 komentar:

◄ Posting Baru Posting Lama ►