Tutorial Blogger kali ini saya akan memberikan Cara Membuat Gambar Bershadow Dengan CSS3,banyak keunggulan CSS 3 dibandingkan generasi yang sebelumnya, dan sudah mulai digunakan browser-browser, yaitu diantaranya adalah Mozilla Firefox v 3.6 dan Safari V 3, semoga saja browser-browser lainya menyusul untuk mendukung CSS 3.
Gambar tersebut nantinya akan terlihat seperti gambar di atas. Nah bagaimana caranya? silahkan ikuti langkah-langkah dibawah in:1. Login di Blogger.com / draft.blogger.com2. Silahkan Masuk di Rancangan / Tata Letak lalu lanjutkan ke Tab Edit HTML
3. Cari kode seperti ini
.post img {
- - -
- - -
}
Note :
1. Perhatikan saja code yang berwarna merah diatas, karena garis ( - - - ) yang berwarna hijau adalah definisi CSS yang berbeda-beda setiap template
2. Dan kadang code yang berwarna merah ada tambahanya sehingga seperti ini : .post img, table.tr-caption-container {
4. Kalau sudah ketemu gantilah kode yang merah tadi,Sehingga kode yang merah tadi menjadi seperti ini
.post img {
background:#FFFFFF;
border:1px solid $bordercolor;
padding: 7px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}
5. Dan yang terakhir silahkan disimpan/di SAVE
Semoga Tutorial Blogger Cara Membuat Gambar Bershadow Dengan CSS3 kali ini bisa bermanfaat bagi kita semua.[Kang Tiar]
nice post......
BalasHapussalam knl sobat.....
jika berkenan silahkan mampir balik....
cuma bisa bilang, "artikel yang bagus".
BalasHapusmaaf kalo komen saya tidak bermutu. hehe
salam sahabat
BalasHapusouw mudah juga yach membuat gambar bershadow dengan css3,malah saya belum banyak penerapannya di css3 ini kang,makasih yach
Siiipp Kang...
BalasHapusDi Coba Ntr...
SiLahkan Mampir klo Lgi lewat...
heheheeeeeeeeeeeee
mantab infonya kang,,,dcoba dulu deh.
BalasHapuswah blog ku bakal tambah keren lg donk, he.he....!!
@Zeus Osiris
BalasHapusSilahkan dicoba ya,..
nice tutorial sob...
BalasHapus@Halali Sahri
BalasHapusYa,..terima Kasih,..
hmmm.. mantap nih.. ada bayangannya.. coba ah...
BalasHapushmm ini tidak membuat berat blog tah juragan
BalasHapus@foto toples dewi persik
BalasHapusTentu saja nggax gan!!! kan hanya mengubah CSSnya,..
Wah keren ni Kang, Ane memang belum Faham tentang gambar Bershadow ini Dan cara bikinya....eh Ternyata ada di tempat temen sendiri ##
BalasHapusmozilla belum mendukung css3 animation kang TT..TT
BalasHapuscuma bisa di google chrome..
Mantap kang infonya izin praktek
BalasHapusssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
BalasHapusKANGTIAR PASSWORD BLOGMU AKAN SAYA GANT TRUS SAYA HAPuS BLOGMU, TUNGGU SAJA!
BalasHapusOops! Message could not be posted. Your IP address have posted messages on multiple shoutboxes.
BalasHapusRepeated posting attempt may cause your website address to be flagged as spam and banned from the system.
Please wait a moment before trying again.
Keliatannya mudah ya kang. Ok ku cob kang
BalasHapusmakasih infonya
Nice post kangtiar, thanks artikelnya.
BalasHapusTerimakasih Bos, Indahnya berbagi ilmu yang membuat semakin bertambah ilmu
BalasHapusmantabbb keren Kang, terimakasih artikel yang bermanfaat, salam sukses selalu untuk anda
BalasHapus