Cara membuat efek bayangan di Template blog. Pada kesempatan saat ini Seocips.com ( dulunya adalah Dapsun blogspot ) akan membagikan tutorial bagaimana cara membuat efek shadow di pinggir template blog. Agar blog terlihat menarik kita dapat mempercantiknya dengan melakukan perubahan- perubahan di template blog, misalnya dengan menambahkan efek bayangan di pinggir/tepi blog. Walaupun sederhana tapi dapat mempercantik template blog anda.

Anda dapat melihat postingan sebelumnya mengenai : Template bloger Jhony Wuss Responsive version, dimana template ini juga memakai efek bayangan. Membuat efek bayangan ini sangatlah mudah semudah memberikan efek bayangan pada gambar blog. Biasanya efek ini di tambahkan untuk mempercantik blog yang terlihat sederhana. Simak cara membuatnya.

Berikut ini adalah tutorialnya. Silahkan masuk ke settingan template blogger anda dan pilih edit HTML.

Efek Bayangan Di Template blog

Cari kode seperti ini : #outer-wrapper { , Tekan Ctrl+ F untuk mempermudah anda menemukan kodenya.  Kemudian anda menemukan kode seperti ini misalnya seperti berikut ini ( tergantung template yang anda gunakan, jika anda tidak menemukannya bisa saja namanya lain di template anda ) :
#outer-wrapper{background:#fff;width:910px;text-align:left;font:12px Arial;margin:10px auto;padding:8px}
Sisipkan 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;
Jadi setelah anda sisipkan maka akan menjadi seperti ini :
#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}
Terakhir tinggal Save dan lihat hasilya. Mudah bukan? masih ada banyak cara untuk membuat tampilan blog sederhana anda menjadi terlihat menarik misalnya dengan memasang slideshow postingan di template blog anda. Sekian mengenai Cara membuat efek bayangan di Template blog yang sudah di bagikan oleh SEOCIPS, Selamat mencoba.
9 Komentar untuk "Cara Membuat Efek Bayangan Di Template blog"

buat mempercantik template blog yah? template saya kayaknya sudah ada bayangannya sob.tapi thanks atas tutorialnya.

ok sama-sama dan terimakasih kembali.

Thanx y admin ....
keren artikelnya ....
(o)

ok sob, terimakasih juga telah berkunjung :))

saya kurang paham dngan pnjlasanya :-?

Tidak semua template mempunyai nama yang sama (misal outer wrapper ), bagian outer-wrapper itu hanya penamaannya saja, beberapa template menggunakan nama yang berbeda tergantung dari pembuat templatenya.

berhasil kang :D :D

Tapi kenapa gk pakai (-webkit-box-shadow) aja ? biar lebih simple gitu, hahahaha

hahahaha sayang gan kode itu tidak support untuk semua browser.