Cara Membuat Efek Shadow Atau Bayangan di Pinggir Template Blog

Cara Membuat Efek Shadow Atau Bayangan di Pinggir Template Blog

Cara Membuat Efek Shadow Atau Bayangan di Pinggir Template Blog

Assalamualaikum kali ini saya akan memposting tentang cara membuat efek shadow di template blog. Efek shadow ini berguna untuk membuat template blog menjadi indah karena akan memberi efek sebuah bayangan di template. Lalu bagaimana cara membuatnya Berikut cara nya ....

  • Login dulu di Blogger.com
  • Setelah itu masuk di Template > Edit Html
  • Cari kode #outer-wrapper { gunakan Ctrl+ F untuk memudahkan mencari
  • Jika sudah ketemu biasanya kodenya kayak gini :
#outer-wrapper{background:#fff;width:910px;text-align:left;font:12px Arial;margin:10px auto;padding:8px}
  • Jika berbeda, memang di setiap Template itu berbeda-beda.
  • Oke lanjut. Setelah ketemu sisipkan kode dibawah ini di antara background#fff;.......;width:910px
-moz-box-shadow: 0px 0px 40px #333;-webkit-box-shadow: 0px 0px 40px #333;box-shadow: 0px 0px 40px #111;
  • Maka akan seperti ini hasilnya 
#outer-wrapper{background:#fff;-moz-box-shadow: 0px 0px 40px #333;-webkit-box-shadow: 0px 0px 40px #333;box-shadow: 0px 0px 40px #111;width:910px;text-align:left;font:12px Arial;margin:10px auto;padding:8px}

  • Jika sudah Save Template


0 Comment "Cara Membuat Efek Shadow Atau Bayangan di Pinggir Template Blog"

Post a Comment

:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

Subscribe to: Post Comments (Atom)
Loading...