English French German Spain Italian Dutch Russian Brazil Japanese Korean Arabic Chinese Simplified
You are here: Home » » Cara Membuat Tepi Gambar Bershadow Dengan CSS 3

Cara Membuat Tepi Gambar Bershadow Dengan CSS 3

By. Dedi Yahya S
 
Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara Membuat Tepi Gambar Bershadow Dengan CSS 3 pada Blogspot.

Cara Membuat Tepi Gambar Bershadow Dengan CSS 3 di Blog :

  • Loggin pada Blogger
  • Masuk mode Design kemudian Edit HTML
  • Cari kode berikut :
.post img {
- - -
- - -
} 

Catatan :
  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 {
  • Jika sudah ketemu, ganti kode tadi dengan kode berikut :
.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);
}
  • Jika sudah, Simpan Template
Demikian blogger tutorial mengenai Cara Membuat Tepi Gambar Bershadow Dengan CSS 3.

Semoga bermanfaat dan semoga berhasil.
Terima Kasih ^_^ 
 
Baca Selengkapnya...

Berlangganan Artikel Blogger Tutorial Melalui EMail. GRATIS!!
Masukkan Alamat Email Anda di Sini

...::: http://blogtutorials-01.blogspot.com :::...