Cara Menghilangkan Image Shadow & Border pada Gambar posting - Hallo sahabat trick terbaru, Pada Artikel yang anda baca kali ini dengan judul Cara Menghilangkan Image Shadow & Border pada Gambar posting, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogging, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Menghilangkan Image Shadow & Border pada Gambar posting
link : Cara Menghilangkan Image Shadow & Border pada Gambar posting

Cara Menghilangkan Image Shadow & Border pada Gambar posting

Cara Menghilangkan Image Shadow & Border pada Gambar posting - Kali ini saya akan share tentang bagaimana cara menghilangkan shadow image dan border di gambar posting artikel blog. Sebenarnya masalah ini hanya masalah kesukaan dari masing masing blogger, ada yang menganggap gambar posting tanpa efek bayangan atau border akan kelihatan lebih menarik dan lebih rapi. Nah jika anda mempunyai pendapat yang sama kali ini saya akan share tutorial tersebut. Caranya cukup mudah kok, dengan penambahan CSS di template blog atau merubah secara langsung kode 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 kode 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, jika anda menggunakan template interface versi lama maka kemungkinan hal tersebut berhasil nah jika anda menggunakan template tampilan baru maka anda bisa menggunakan cara 2.

Cara 2

• Masuk akun blogger anda
• Klik template ==> Edit HTML
• Cari kode seperti 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 kode yang berwarna biru.

• Simpan

Demikianlah Artikel Cara Menghilangkan Image Shadow & Border pada Gambar posting

Sekianlah artikel Cara Menghilangkan Image Shadow & Border pada Gambar posting kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Menghilangkan Image Shadow & Border pada Gambar posting dengan alamat link https://trickterbaruagar.blogspot.com/2014/11/cara-menghilangkan-image-shadow-border.html

Tweet