Cara Buat Bingkai Dengan Box Shadow Pada Gambar di Postingan Blogger

Tutorial Cara Buat Border atau Bingkai Dengan Box Shadow pada Gambar atau Image di Postingan Blogger Seperti Arlina Design.
Tutorial Cara Buat Border atau Bingkai Dengan Box Shadow pada Gambar atau Image di Postingan Blogger Seperti Arlina Design. Pada kesempatan hari ini saya akan membuat artikel dengan tema Tutorial Cara Buat Border Pada Gambar di Postingan Blog, apa itu Border?

Border atau apalah sebutanya adalah Garis Tepi Dari Komponen Dan Fungsinya Untuk Membatasi Content Tersebut.

Dibawah ini adalah wujud border...

Border Dengan Box Shadow

Ini berfungsi untuk memperindah gambar yang kita buat dan juga menjadi pembatas antara gambar dengan konten.

Bagaimanakah Cara Buat Bingkai Dengan Box Shadow Pada Gambar di Postingan Blogger? Caranya mudah Mudah Sekali Kawan! Mari ikuti Tutorial Berikut...

Cara Buat Bingkai Dengan Box Shadow Pada Gambar di Postingan Blogger


1. Login Blogger.
2. Buka Menu Tema  lalu Edit HTML.
3. Kemudian tambahkan kode dibawah sebelum kode </style> atau ]]></b:skin> Simpan Tema.

.post-body img{background:#fff;height:auto;max-width:98%;margin-bottom:2px;padding:10px!important;box-shadow:0 0 0 1px rgba(0,0,0,0.030),0 7px 20px 1px rgba(0,0,0,0.10)}
.post-body img:hover {opacity:0.95;}
.post-body a.img,.post-body .separator a {margin-left:0!important;margin-right:0!important;}

Demikian Tutorial kali ini. Semoga Bermanfaat...
Haloo, Selamat datang Sobat Coder, Selamat Belajar.

Posting Komentar