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 :
- - -
- - -
}
Baca Juga
- Cara Menampilkan Ip Adress Untuk Pengunjung Blog
- Cara Membuat Kotak Tukeran Link pada Blog / Menggunakan Scroll
- Cara Menampilkan Widget Hanya di Halaman Depan Saja
- Cara Menampilkan Foto di Komentar Blog
- Cara Menampilkan Seluruh Postingan Blog pada Label Jika di Klik
- Cara Menampilkan Widget di Halaman Tertentu
- Cara Membuat Tepi Gambar Bershadow Dengan CSS 3
- Cara Mengembalikan Navbar Blog yang Hilang pada Blog
- 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 {
- Jika sudah ketemu, ganti kode tadi dengan kode berikut :
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
Semoga bermanfaat dan semoga berhasil.
Terima Kasih ^_^