SuuHan BLOG . CSS 3 adalah generasi CSS (Cascading Style Sheet) yang ke 3 .
kali ini saya akan share tutorial "Membuat image post blogger berbayang/shadow" dengan menggunakan CSS 3 .
ScreenShoot :
gimana bagus kan ?? bagaimna cara membuat nya ?
langsung tutorial :
Pertama buka Blogger dashboard
Setelah Log In ke blogger pada dashboard masuk pada bagian "Template" lalu "Edit HTML"
lalu cari lalu cari code CSS dengan CRRL+F .
.post img {
- - -
- - -
}
Note :
Perhatikan saja code yang berwarna hijau diatas, karena garis (
- - - ) adalah definisi CSS yang berbeda-beda setiap template
Dan kadang code yang berwarna hijau di atas ada tambahanya sehingga seperti ini :
.post img, table.tr-caption-container {
- - -
- - -
}
Nah kalau sudah ketemu ganti code CSS tadi , ganti dengan code dibawah ini :
.post img {
background:#FFFFFF;
border:1px solid $bordercolor;
padding: 7px;
-moz-box-shadow: 1px 1px 5px #000000 ;
-webkit-box-shadow: 1px 1px 5px #000000 ;
-goog-ms-box-shadow: 1px 1px 5px #000000 ;
box-shadow: 1px 1px 5px #000000 ;
}
Setelah itu click save dan selesai
nb:
warna shadow adalah yang
#000000 , bisa di ganti sesuai keinginan anda.
bisa memilih warna di sini http://html-color-codes.info
__________________________________________________________________________________
semoga bermanfaat
