CSS 3 adalah generasi CSS (Cascading Style Sheet) yang ke 3, 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.
Nah bagaimana caranya Membuat Image Post Blogger Berbayang Dengan CSS 3 ? silahkan
ikuti langkah-langkah dibawah ini dan buktikan kecanggihan CSS 3.
Setelah Log In ke blogger pada dashboard masuk pada bagian "Design" lalu ke "Edit HTML"
Setelah Log In ke blogger pada dashboard masuk pada bagian "Design" lalu ke "Edit HTML"
lalu cari code CSS dibawah ini
.post img {
- - -
- - -
}
Note :
- Perhatikan saja code yang berwarna merah diatas, karena garis ( - - - ) yang berwarna hijau adalah definisi CSS yang berbeda-beda setiap template
- Dan kadang code yang berwarna merah ada tambahanya sehingga seperti ini : .post img, table.tr-caption-container {
.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);
}
Nah yang diganti adalah code CSS yang berwarna hijau saja.
kalau sudah lalu SAVE deh, dan lihat hasilnya di browser Mozilla v 3.6, Safari V 3 dan Google Chrome.
Nah,sekian dulu semoga bermanfaat . . .
Tinggalkan komentar,jika ada yang ingin ditanyakan . . .
Tinggalkan komentar,jika ada yang ingin ditanyakan . . .
0 comments:
Post a Comment
Tolong jangan lupa tinggalkan komentar disini sob ...
Karena komentar anda sangat penting bagi blog ini ...
Thanks You Very Much ...