Bismillah, Merdeka! Merdeka! Merdeka!
Sebelumnya saya telah membahas tentang Memberi efek shadow pada text/tulisan karena menurut saya masih kurang jika hanya untuk text/tulisan saja. maka saya menulis post tentang Memberi efek shadow pada image/gambar (kayak mau pidato aja wkwkwkwk).
contoh hasilnya: (Sebenarnya juga bisa menggunakan MsWord 2007)
Logo google.co.id |
Langsung saja caranya:
1. Masuk dasbor ->> Rancangan ->> Edit html
2. Cari kode berikut:
.post img {3. Lalu tambahkan kode berikut sebelum }
margin: 0px;
padding:0px;
border:0px;
}
-webkit-box-shadow: 3px 3px 8px #777;4. Maka setelah ditambahkan kodenya menjadi:
-moz-box-shadow: 3px 3px 8px #777;
box-shadow: 3px 3px 8px #777;
.post img {5. Save template
margin: 0px;
padding:0px;
border:0px;
box-shadow: 3px 3px 8px #777;
-webkit-box-shadow: 3px 3px 8px #777;
-moz-box-shadow: 3px 3px 8px #777;
}
Ctt:
1.Setiap anda mengupload gambar atau memasukkan gambar ke post anda maka efek shadownya akan muncul.
2. Efek ini belum berfungsi di IE(Internet explorer)
12 komentar :
hmmm, mau nanya Rian, semua gambar bisa yaaaah.??
@uchu hanya gambar yang ada di post
wah keren nih kayaknya hovernya.... mau dicoba di blog ah...
Aku mending edit dulu di kompi, lalu Upload ^^
@Damar iya tapi kalo pake trik ini semua gambar yang ada di post ada bayangannya ^_^
bagus sekali sob infonya, sangat berguna nih
siippp dah...
bagus sekali sob infonya, sangat berguna nih
Bagus ini efeknya. Seperti membuat secara manual di photoshop atau corel draw.
Salam ukhuwah
Mau tanya sob, cara ngatur efek shadownya yang mana?
Maklum ane gak dong masalah edit kode beginian.
salam sahabat
wah pakai windows paint bisa oprek ini ga yach
makasih mas tipsnya... keren...
Posting Komentar