Dulu, di Belajar Ngeblog di BLOG juga pernah dibahas, cara membuat efek drop shadow untuk gamabar/foto yang ditampilkan di postingan. Sekarang kita akan belajar hal yang serupa, bedanya yang ini adalah membuat efek drop shadow untuk gambar atau foto yang ditambahkan sebagai widget. Kita ingat kembali, efek shadow adalah sebuah efek bayangan yang timbul pada suatu objek, bisa pada sebuah kotak, tabel, dan gambar. Kita tidak perlu mengedit foto itu, hanya menambahkan beberapa kode css efek shadow pada foto sudah terlihat.
Cara Membuat Efek Drop Shadow Pada Foto
1. Login ke akun blogger.com
2. Pilih Tata Letak
3. Lalu tambahkan Tambah Gadget > HTML/Javascript
4. Kemudian masukan kode berikut ini:
<style type="text/css">
.efekshadow{ background:#fff; padding:2px; border:1px solid #fff;
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px #888;
border-radius:5px;
-moz-border-radius:5px;
}
</style>
<a href="http://twitter.com/kurniasepta" target="blank"><img class="efekshadow" src="https://twimg0-a.akamaihd.net/profile_images/2312189562/ddm8q41q3ioi43to04je_reasonably_small.jpeg" /></a>
.efekshadow{ background:#fff; padding:2px; border:1px solid #fff;
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px #888;
border-radius:5px;
-moz-border-radius:5px;
}
</style>
<a href="http://twitter.com/kurniasepta" target="blank"><img class="efekshadow" src="https://twimg0-a.akamaihd.net/profile_images/2312189562/ddm8q41q3ioi43to04je_reasonably_small.jpeg" /></a>
5. Kode yang berwarna merah adalah URL link yang dituju dan URL gambar atau foto, kamu bisa menggantinya sesuai dengan keinginanmu. Simpan jika sudah selesai.
20 komentar:
Thankyou Infonya
Mantab mas tips nya ...., makasih
Kunjungan pertama di blog ini, tolong dilike ya, artikel yg menarik semoga makin rame pagenya :)
Btw temen2, mungkin temen2 disini ada yg dah pernah nyobain game online MMORPG PUTRA LANGIT ??, jadi gini aku baru-baru ini main game gokil keren ini neh - PUTRA LANGIT ONLINE - dah nyobain wa waktu itu pas masa alpha test gameplay-nya addicted banget loh banyak fitur menarik, klo mo tau lebih lanjut masuk aja fanspagenya di -> http://www.facebook.com/putralangit.online, dan MICROSITE-nya => http://putralangit.capple.net/microsite/ , game ini diangkat dari komik terkenal TONY WONG "LEGENDA PUTRA LANGIT" yang terkenal itu loh, cekidot aja biar lebih jelasnya di link2 yg ane kasih klo suka jangan lupa di like yo
akan saya coba..
makasih
kunjungan gan,bagi - bagi motivasi
Hal mudah akan terasa sulit jika yg pertama dipikirkan adalah kata SULIT. Yakinlah bahwa kita memiliki kemampuan dan kekuatan.
ditunggu kunjungan baliknya yaa :)
mantap gan, langsung uji coba. thx's.. :((
,,,thank gan,,,,info menariknya,,,moga tmbh maju,,
untuk postingan bsa ya Sob...?
makasih...
penniiing
Mau coba juga ah. iseng. hahahaha
thanks ya infonya,,,,
makasih ya tutorialnya, akan saya coba praktekkan.
mksih ya atz tutorialnya,..
makasih mz admin yg baik sudah share tutorialnya,,
saya yg masih pemula bener" terbantu,,,
mampir ke gubug saya maz bila berkenan,,,^^
makasih banyak jyaa , bissa saya coba
Makasih sobat infonya...
Kunjungi aku ya sobat....
mau tanya bro, gimana caranya supaya efek ini bisa otomatis muncul pada setiap gambar dipostingan tanpa harus bikin manual satu persatu
bantu aku ya?? masih belom bisa
kok malah pusing
thanks ya atas infonya,,,,
Poskan Komentar
Berkomentarlah di blog ini dengan cerdas
* Jangan mencantumkan link apapun, contoh: http://xxx
* Untuk menampilkan emoticon, ketik kodenya, contoh: =))
* Karena banyaknya SPAM, terpaksa kami tampilkan verifikasi kata
Jangan sampai komentarmu dihapus karena tidak mematuhi aturan!