Efek Bayangan Pada Gambar


Efek bayangan memang sangat mengagumkan untuk sebuah blog,tidak hanya terihat cantik tapi juga blog terlihat unik,sebenarnya untuk membuat efek bayangan itu kita juga bisa menggunakan software seperti adobe photoshop,tapi apakah anda selalu mengedit gambar postingan anda,saya rasa tidak semua gambar anda sudah diedit untuk sebuah bayangan,tapi kalau anda pakai script yang satu ini gambar dalam posting anda secara otomatis sudah mempunyai shadow atau bayangan sendiri,coba saja anda telusuri blog saya,yang hampir semua gambar postingan itu ada bayanganya,kecuali banner yang besar diatas dan gambar selain di area artikel..hehehe
Untuk apa anda susah-sudah memutari blog ini,lihat saja gambar diats itu,gambar itukan ada efek bayangannya,jadi apakah anda mau dengan efek bayangan pada gambar diblog anda.?
Kalau mau ikuti langkah - langkah dibawah ini saja iya..

1. Login ke akun Blogger anda, lalu pilih Layout > Edit HTML

2. Cari kode ]]></b:skin>, lalu paste kode css berikut tepat di atasnya:


.drop-shadow img {
background:url(http://i30.tinypic.com/1qsh1h.jpg) no-repeat right bottom;
padding: 5px 10px 10px 5px;
}

3. Cari kode <data:post.body/>, lalu ganti kode tersebut dengan kode berikut:

<div class='drop-shadow'><data:post.body/></div>

4.Tinggal langkah yang terakhir,SAVE TEMPLATE.

Okay apakah gambar di blog anda sudah ada bayanganya,apakah blog anda sudah terlihat keren,kalau sudah jangan lupa komentarnya iy..hehehe

6 comments:


aziz imammudin rhamadhan said...

artikelnya sangat membantu dan simpel tapi bermanfaat, sekalian juga ingin menambahkan nih. pada artikel di atas kan shadow nya berwarna abu-abu. kita juga bisa menggantinya dengan warna pink,merah atau biru sesuai keinginan tapi dengan syarat kita harus membuat gambar seperti "http://i30.tinypic.com/1qsh1h.jpg" dan merubah shadow pada gambar tersebut menjadi warna yang kita inginkan.


terima kasih untuk artikel nya mas. sangat bagus. :10
sukses untuk blog ini ya. :12

aziz imammudin rhamadhan said...

hampir lupa saya, untuk membuat efek warna sesuai keinginan haruslah mengedit gambar menggunakan photoshop atau apalah yang penting bisa membuat gambar yang sama seperti "http://i30.tinypic.com/1qsh1h.jpg" kemudian di upload dan ambil saja URL nya. letakan pada tag CSS diatas. terima kasih.
jika ingin berkunjung silahkan ke http://www.aziz-rhamadhan.co.cc

Administrator said...

bener juga kata mas aziz,efek shadow'a bisa kita ganti dengan warna yang lain,tapi kita harus buat gambar untuk efek shadow yang sama hanya warna'a saja yang berbeda.

thank's banget mas dh membantu...
berguna banget untuk blogger yang lain neh...hehehe

aziz imammudin rhamadhan said...

yupppssss.... sama-sama. sukses slalu ya, :12

Muhaiminur said...

thanks ya :)

ronaldo said...

pemai

:a: :b: :c: :d: :e: :f: :g:
:h: :i: :j: :k: :l: :m: :n:
:10 :11 :12 :13 :14 :15 :16 :17
:18 :19 :20 :21 :22 :23 :24 :25
:26 :27 :28 :29 :30 :31 :32 :33
:34 :35 :36 :37 :38 :39

Post a Comment

Terima kasih bila anda sudah memberikan komentar,karna komentar anda sangat berguna bagi saya.Tapi jika Spam saya mohon maaf karna akan saya hapus...
Terima kasih