Cara Menghapus Border, Shadow dan Rounded Image di Blogger

mekz

blogging, tips dan trik

24 Oktober 2013

Belum ada komentar

Ketika teman-teman pertama kali menggunakan Blogger dan mempublikasikan sebuah postingan yang disertai dengan sebuah gambar, tentunya kalian akan mendapati gambar tersebut di bingkai oleh bayangan berupa garis (shadow) yang mengitari (rounded) seluruh bagian dari sisi gambar tersebut.

Secara default pengaturan tersebut memang merupakan bawaan dari template Blogger, baik itu untuk template klasik maupun template baru (bawaan dari template designer). Sebagian teman-teman Blogger ada yang merasa kurang nyaman dengan sedikit sentuhan CSS berupa border shadow dan rounded tersebut, untuk itulah kali ini saya akan berbagi mengenai tips dan trik bagaimana cara memainkan kode CSS tersebut agar tidak muncul ketika kamu memposting sebuah gambar.

Berikut dibawah ini adalah tips dan trik singkat yang dapat kawan-kawan sekalian implementasikan pada template milik kalian agar tidak muncul border dan shadow ketika kalian posting sebuah gambar, silahkan disimak.

1. Untuk template klasik

• Sign in di blogger → Klik menu Template → Klik menu Edit HTML
• Cari kode berikut pada CSS milikmu

.post img {  // perhatikan kode ini
padding:4px;
border:1px solid $bordercolor;  // rubah kode ini dari 1px menjadi 0px
} 

Silahkan kamu rubah value dari 1px diatas menjadi 0px kemudian save template dan lihat hasilnya.

2. untuk template baru (bawaan template designer)

• Sign in di blogger → Klik menu Template → Klik menu Edit HTML
• Cari kode berikut pada CSS milikmu

.post-body img { // perhatikan kode ini
padding: 8px;
background: $(image.background.color);
border: 1px solid $(image.border.color); // rubah kode ini dari 1px menjadi 0px

Silahkan kamu rubah value dari 1px diatas menjadi 0px kemudian save template dan lihat hasilnya.

Berikut di atas tadi adalah dua cara yang bisa teman-teman gunakan untuk mengatasi shadow border dan rounded pada image di dalam postingan Blogger. Semoga ulasan singkat saya hari ini dapat berguna dan bermanfaat. Terima kasih.