Cara Menciptakan Efek Bayangan Di Template Blog

Cara menciptakan imbas bayangan di Template blog. Pada kesempatan ketika ini Template bloger Jhony Wuss Responsive version, dimana template ini juga menggunakan imbas bayangan. Biasanya imbas ini di tambahkan untuk mempercantik blog yang terlihat sederhana. Simak cara membuatnya.

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

Cari aba-aba menyerupai ini : #outer-wrapper { , Tekan Ctrl+ F untuk mempermudah anda menemukan kodenya.  Kemudian anda menemukan aba-aba menyerupai ini contohnya menyerupai 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 aba-aba 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 sehabis anda sisipkan maka akan menjadi menyerupai 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. Praktis bukan? masih ada banyak cara untuk menciptakan tampilan blog sederhana anda menjadi terlihat menarik contohnya dengan memasang slideshow postingan di template blog anda. Sekian mengenai Cara menciptakan imbas bayangan di Template blog yang sudah di bagikan oleh SEOCIPS, Selamat mencoba.