Site Info


Template

Menghilangkan Bayangan dan Border Gambar Postingan

Secara default (bawaan), gambar yang akan terpublikasi pada postingan mempunyai efek berupa bayangan dan border. Hal ini membuat gambar postingan terlihat tidak menyatu dengan artikel (konten). Apalagi apabila blog Anda menggunakan fitur auto readmore dengan thumbnails, pasti thumbnails yang digunakan akan ada bayangan dan bordernya. Biasanya, masalah ini sering, atau bahkan selalu terjadi pada blog dengan domain Blogger yang menggunakan template simpel. Coba pikirkan, sangat jelek bukan? Tapi, itu hanya pendapat saya pribadi. Karena, semua orang memiliki seleranya masing-masing. Ikuti langkah-langkah berikut untuk menghilangkan efek bayangan dan border pada gambar postingan:

1. Pada dasbor, pindah ke Template.
2. Pilih Edit HTML.
3. Cari kode (Gunakan Ctrl+F untuk mempermudah pencarian kode)
-moz-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 2, .2);
box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2); 
4. Setelah ketemu, HAPUS kode tersebut dari bagian Edit HTML.

5. Simpan Template. Klik Pratinjau untuk melihat perubahan.

0 komentar

Silakan berkomentar dengan bahasa yang baik dan benar. Komentar yang mengandung bahasa kasar, SPAM, dan SARA tidak akan dibalas dan akan ditaruh dalam folder SPAM. Blog ini menerapkan fitur moderasi komentar. Dilarang menyertakan link hidup atau mati serta bentuk promosi lainnya. Terima kasih.