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 ...

...

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ı