Friday, November 9, 2012

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 ^_^ 
 
Share:

0 comments:

Post a Comment

blog ariel

lazada

ariel adyatna. Powered by Blogger.

Labels