Cara Buat Bingkai Dengan Box Shadow Pada Gambar di Postingan Blogger - Deny Listianto

2 Maret 2018

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. 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...
Disqus Codes
  • To write a bold letter please use <strong></strong> or <b></b>
  • To write a italic letter please use <em></em> or <i></i>
  • To write a underline letter please use <u></u>
  • To write a strikethrought letter please use <strike></strike>
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>
    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Ad Placement

Notifications

Disqus Logo