Sabtu, 13 Oktober 2012

Cara Memberi Efek Shadow pada Garis Blog

Saya akam memberikan cara tentang memberikan efek shadow pada garis blog atau sidebar blog anda. Langsung saja tutorialnya saya berikan.
 
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 dibawahnya 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, jika kurang mengerti soal kode warna html-nya bisa klik disini.
Setelah selesai, simpan templatenya


Contoh Gambarnya:
Membuat Efek Bayangan (Shadow) Pada Blog
Perhatikan blog saya juga.
_________________________________________________________________________________

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 blog ini bisa bemanfaat.
 
Jangan Lupa Komentarnya ya.....

0 komentar:

Posting Komentar