Blogger’da resimlerdeki çerçeve ve gölgeyi kaldırmak

Blogger’da varsayılan olarak resimler çerçeveli ve gölgeli olarak geliyor. Her ne kadar bu durum görünüm bazında bir problem doğurmasa da, daha sade bir görünüm adına resimlerdeki çerçeve ve gölgeyi tamamen kaldırmak isteyebilirsiniz. Bunun için yapmanız gereken, aşağıda yer alan kodları değiştirmeden temanıza ait CSS alanı içerisine yapıştırmaktır. Bu şekilde blogunuzdaki resimler otomatik olarak çerçevesiz ve gölgesiz bir hâle bürünecektir.






Öncelikle Blogger panelimizin Tasarım > Html’yi Düzenle bölümünü açarak aşağıdaki kodu buluyoruz.

]]></b:skin>

Bu kodun hemen üzerine aşağıdaki CSS kodlarını ekliyoruz.

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: none !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;
}