Membuat efek shadow (bayangan) di blog

Membuat efek shadow pada template blog merupakan salah satu cara untuk mempercantik tampilan blog kesayangan anda. Memberi efek shadow itu seperti kita memberikan bayangan pada objek tertentu, ngerti kan ?

Kalo gk ngerti disanping ada gambar kotak putih, dan dia mempunyai bayangan, 

sekarang sudah tau kan ?

kalau anda ingin menerapkannya pada blog anda ikuti langkah-langkah membuat shadow ( bayangan ) berikut :

Pada Background Umumnya:>> Login ke Blog
>> Klik Rancangan
>> Edit Html
Cari kode #outer-wrapper  ...bla..bla...  (gunakan ctrl+f  agar pencarian lebih mudah)
tambahkan kode-kode ini disamping kode #outer-wrapper tadi...

box-shadow:0 0 20px #6d5d96;
-webkit-box-shadow:0 0 10px #6d5d96;
-moz-box-shadow:0 0 20px #6d5d96;
-o-box-shadow:0 0 10px #6d5d96;

Kode yang berwarna merah di atas dapat sobat ganti dengan kode warna lain,
Setelah selesai, simpan templatenya

Selain kode  #outer-wrapper,
anda bisa cari kode .post dan .post-body, itu kalau untuk badan postnya...
Selain itu anda bisa cari #sidebar atau .sidebar juga dan menambahkannya serta #footer-wrapper, dan lain-lainnya masih banyak lagi tergantung dari defaultnya templatenya...,
tapi anda bisa mengaturnya sendiri tinggal mengerti tentang pemahamannya.
Cukup sekian dulu postingan Membuat Efek Bayangan (Shadow) Pada Blog ini. Semoga postingan  ini bisa bemanfaat :)

Artikel Terkait:

Posted in: Blog tutorial