HOMECara Menghilangkan Image Shadow & Border pada Gambar posting
Posted on - 7:56:00 AM with 3 comments
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
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
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;
}
.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.
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
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Tips & Cara
 |
Artikel Terkait Dengan "Cara Menghilangkan Image Shadow & Border pada Gambar posting "
3 comments:
Ketentuan Berkomentar:
1. Menautkan link aktif (anchor text) pada komentar secara otomatis akan kami hapus
2. Gunakan fasilitas Name/URL untuk menempatkan link anda
3. Dilarang berkomentar diluar topik artikel (SARA, pornography, provokasi,promosi produk)
4. Dilarang komentar spam
5. Berkomentarlah dengan baik dan sopan
6. Komentar yang tidak sesuai dengan poin diatas tidak akan dipublikasikan
Admin Tips & Cara
Kenapa masih tetap ada ya kak?
ReplyDeleteMasak sih, mungkin belum tersimpan template nya........
ReplyDeleteSelamat malam, Pak...
ReplyDeleteSaya malah ingin menanyakan bagaimana cara menghapus "shadow" (atau entah apa nama persisnya) seperti terlihat pada foto-foto slider di www.agrowebz.blogspot.com. Agar normal kembali, tampak lapisan warna itu. Bagaimana caranya, Pak?
Terimakasih sebelumnya.
Salam.