Blogda Resim Sınır Çizgisini Kaldırma

Blogda Resim Sınır Çizgisini Kaldırma

Blogger, Blog yazılarınıza eklediğiniz resimlerin kenarlarında görülen çirkin gölgeleri, çizgileri, CSS stil kod’u kullanarak yok edebilirsiniz.
CSS kodunun, Html ve JavaScrip kodlarını düzenleyen stil düzenleme yardımcı kodlar olduğunu duymuşsunuzdur.

Klasik ve Dinamik blog’unuza CSS kodunu nasıl ekleyeceksiniz ;

→ Blog panel girişi yapın
Şablon → Özelleştir → Gelişmiş → CSS Ekle tıklayın
→ Daha önceden eklenmiş CSS kodunuz varsa dikkatli bir şekilde aşağıya kaydırın
→ Blog’a uygulaya tıklayarak önce yaptığımız işi kaydedelim
→ Aşağıdaki kodu kopyalayın ve boşalttığımız alana yapıştırın
→ ( }) Bu işaretin bitiminde entere tıklayın
→ Tekrar Blog’a uygula tıklayın ve bir müdted bekleyin.
→ Blog’u görüntüleye tıklayın.

Sonuç :

Resimlerinizin kenarlarında beyaz sınırlar kaldırıldı
Google+ Paylaşımlarda çıkan resim görseliniz düzeltildi
LinkWithin görsel gölgeler giderildi
Sidebar resimleniz daha fazla netleşti
→ İçeriklerinizdeki resim sade bir görünüm kazandı
Yorumlar kısmındaki resim kenarları düzeldi
Konu hakkında sorun yaşarsanız yorum kısmından belirtebilirsiniz.

Klasik Blog için ekleyeceğiniz CSS kodu

.post-body img, .post-body .tr-caption-container, .ss, .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;
}


Dinamik Blog için ekleyeceğiniz CSS kodu


.entry-content img{
box-shadow: none !important;
padding: 0px !important;
border: 0px !important;
}


Klasik ve Dinamik Blog CSS kod uygulaması  için Video anlatımı