Cara Membuat Efek Bayangan (Shadow) di Blog

Minggu, 22 Februari 2015

Cara Membuat Efek Bayangan (Shadow) di Blog - Tutorial blog kali ini adalah tentang modifikasi tampilan blog atau orang jawa bilang "Ngapekno Blog" dengan memberikan efek bayangan/shadow pada template blog yang meliputi: Box shadow, efek bayangan tepi blog, efek bayangan judul blog, bayangan judul postingan, efek bayangan pada gambar.

Mempercantik Blog dengan Efek Bayangan

Modifikasi Blog atau mempercantik blog bisa dilakukan dengan banyak cara agar pengunjung yang menikmati blog kita merasa nyaman dan betah membuka satu persatu halaman post yang ada. Modifikasi dengan memberikan efek bayangan tidak akan memberatkan loading blog kita, bisa sobat cek kecepatan blog Baca : Cara Mengetahui Kecepatan Loading Blog dan Website.

Yuk, simak tutorial dibawah ini:

Memasang Efek Bayangan (Shadow) di Blog

#Membuat Efek Bayangan pada Tepi Blog

a. Silahkan sobat pilih menu Template >>> Edit HTML
b. Cari kode dibawah ini dengan Ctrl+F:

#outer-wrapper {

Kurang lebih seperti ini:

#outer-wrapper{background:#fff;width:920px;text-align:left;font:14px Arial;margin:10px auto;padding:8px}

c. Jika sudak ketemu, Silahkan letakkan kode di bawah ini diantara background dan width :

-moz-box-shadow: 0px 0px 40px #333;-webkit-box-shadow: 0px 0px 40px #333;box-shadow: 0px 0px 40px #111;

d. Klik Save dan lihat hassilnya.

Demikian tutorial Cara Membuat Efek Bayangan (Shadow) di Blog semoga dapat bermanfaat buat sobat blogger semua. Terima Kasih.

Tag : Blog