Cara Membuat Efek Bayangan Di Template Blog

Sobat bosan dengan tampilan blog sobat yang kurang menarik? Saya punya solusinya ..
Pada postingan kaliini saya akan memberikan tutorial tentang memberikan efek shadow di pinggir template blog sobat supaya terlihat lebih menarik. Berikut ini adalah tutorialnya :

Silahkan masuk ke settingan template blogger anda dan pilih edit HTML.

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 ) :

#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}

Langkah terakhir tinggal di Save, kemudian lihat hasilnya. Mudah bukan? masih banyak cara lagi untuk memperindah tampilan blogspot sobat. Tunggu saja postingan saya yang berikutnya.

Selamat Mencoba