Cara Menghilangkan Image Shadow & Border Pada Gambar Posting

Cara Menghilangkan Image Shadow & Border pada Gambar posting - Kali ini saya akan share wacana bagaimana cara menghilangkan shadow image dan border di gambar posting artikel blog. Sebenarnya dilema ini hanya dilema kesukaan dari masing masing blogger, ada yang menganggap gambar posting tanpa efek bayangan atau border akan kelihatan lebih menarik dan lebih rapi. Nah jikalau anda memiliki pendapat yang sama kali ini saya akan share tutorial tersebut. Caranya cukup gampang kok, dengan penambahan CSS di template blog atau merubah secara eksklusif arahan HTML di template blog anda. Berikut tutorial 2 cara menghilangkan image shadow & border pada gambar posting blog.

2 Cara Menghilangkan Image Shadow & Border pada Gambar posting

Cara 1

• Masuk ke akun blogger anda
• Klik template ==> Sesuaikan ==> Tingkat lanjut ==> Tambahkan CSS
• Tambahkan arahan css berikut ini

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
    .BlogList .item-thumbnail img {
      padding: 0 !important;
      border: none !important;
      background: none !important;
      -moz-box-shadow: 0px 0px 0px transparent !important;
      -webkit-box-shadow: 0px 0px 0px transparent !important;
      box-shadow: 0px 0px 0px transparent !important;
    }

• Simpan

Hasil tergantung dari template blog yang anda gunakan, jikalau anda memakai template interface versi usang maka kemungkinan hal tersebut berhasil nah jikalau anda memakai template tampilan gres maka anda sanggup memakai cara 2.

Cara 2

• Masuk akun blogger anda
• Klik template ==> Edit HTML
• Cari arahan ibarat berikut ini

.post-body .tr-caption-container img {
  padding: 0;

  background: transparent;
  border: none;

  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  box-shadow: 0 0 0 rgba(0, 0, 0, .1);
}

Hapus arahan yang berwarna biru.

• Simpan

Share this post