30 Maret 2011

Membuat Efek bayangan pada gambar diluar posting

Efek bayangan pada gambar diluar posting yang saya maksudkan disini adalah memberi efek bayang-bayang gelap ditepi gambar yang terpasang bukan di halaman posting melainkan gambar yang dipasang diluar area posting.  Misalnya gambar yang dipasang pada widget.  Tips ini pada prinsipnya sama dengan postingan saya dulu yang berjudul “Cara membuat Efek bayang pada gambar

Tapi tips tersebut hanya berlaku untuk gambar yang ada di dalam postingan, efek bayang akan muncul secara otomatis setiap kita mengupload gambar ke dalam posting blog.

Bila ingin memberi efek bayang pada gambar yang dipasang di tempat tertentu atau luar posting, misalnya di dalam widget maka caranya tinggal copy saja kode berikut ini ke dalam widget html.
Ini kodenya :

<style type="text/css">
.redshadow {
-webkit-box-shadow:4px 2px 7px #f46d17;
-moz-box-shadow: 4px 2px 7px #f46d17;
box-shadow : 4px 2px 7px #f46d17;}
</style>
<img  class="redshadow"  src="URLGAMBAR.jpg"  />

Lihat contohnya di halaman demo:
LIHAT DEMO

2 komentar:

  1. sekali lagi terimakasih infonya, lansung ijin nyedot ilmunya alias di copas. jangan khawatir pasti blog anda saya link

    BalasHapus
  2. @Hendra Thea, anda telah memberi contoh yang baik bagi kita semua, keep bloging sob.

    BalasHapus

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.