Cara membuat efek bayangan di Template blog. Pada kesempatan saat ini saya akan membagikan tutorial bagaimana cara membuat efek shadow di pinggir template Blogspot Blogger.

 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 tampilan blog kamu.

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

Cara Menambahkan Bayangan Tepi / Pinggir Template


cara membuat efek shadow di pinggir template Blogspot Blogger
spezer.net
1. Masuk ke settingan template blogger anda dan pilih edit HTML.
2. 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}
3. 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;
4. Jadi setelah disisipkan 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}
5. Save dan lihat hasilnya.

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 Mudah 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.

bagus banget infonya... mantab!!