- Home>
- Blog eğitim videoları , dinamik blogger , eklentiler >
- Dinamik Blog Resim Sınır Çizgisini Kaldır
Posted by : Unknown
26 Mart 2013 Salı
Blogger, Dinamik Blog , yazılarınıza eklediğiniz resim sınır çizgisini, CSS kod yardımı ile kaldırarak, kenarları gözükmeyen temiz resim görseli kullanabilirsiniz.Şu anda kullanmakta olduğum, Dinamik blog üzerinde uygulamanın video’sunu yükleyerek, sizlerin de blog’larınız da uygulamayı kolayca yapmanızı sağlayalım.You Tube yükleyeceğim Video’yu izlemeden önce konu hakkında kısa bir bilgi verelim.
→ 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
→ (}) Sağ ters parantez işaretin bitiminde enter'e tıklayın
→ Tekrar Blog’a uygula tıklayın ve bir müdted bekleyin. 8 sn kadar.
→ Blog’u görüntüleye tıklayın.
→ Blogunuzda görüntü değişimini izleyin. Resimlerinizin kenar sınır çizgileri artık yok olmuştur.
→ Blog resim sınır çizgileriniz yok oldu ancak panel giriş kalem icon'um görülmüyor. Blog'unuzu kapatın yeniden açın. Blog’unuzun ön bellekten okuma işlemi sonlandırmış, yeniden açtığımızda blog kalem icon’unun geldiğini göreceksiniz.
→ Resimlerimin kenarında halen beyaz sınır çizgileri görülüyor. Yaptığınız işlemi eski kodu silip yeniden yapıştırarak uygulayın.
Yukarıda anlatılan konunun Canlı Demo’sunu şu anda Blog’umda izlemektesiniz.
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 resimleriniz 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.
Dinamik Blog Resim Sınır Çizgisini Kaldır Video’muzu izleyelim
→ 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
→ (}) Sağ ters parantez işaretin bitiminde enter'e tıklayın
→ Tekrar Blog’a uygula tıklayın ve bir müdted bekleyin. 8 sn kadar.
→ Blog’u görüntüleye tıklayın.
.entry-content img{
box-shadow: none !important;
padding: 0px !important;
border: 0px !important;
}
Olası durumlar hakkında bilgi ;→ Blogunuzda görüntü değişimini izleyin. Resimlerinizin kenar sınır çizgileri artık yok olmuştur.
→ Blog resim sınır çizgileriniz yok oldu ancak panel giriş kalem icon'um görülmüyor. Blog'unuzu kapatın yeniden açın. Blog’unuzun ön bellekten okuma işlemi sonlandırmış, yeniden açtığımızda blog kalem icon’unun geldiğini göreceksiniz.
→ Resimlerimin kenarında halen beyaz sınır çizgileri görülüyor. Yaptığınız işlemi eski kodu silip yeniden yapıştırarak uygulayın.
Yukarıda anlatılan konunun Canlı Demo’sunu şu anda Blog’umda izlemektesiniz.
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 resimleriniz 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.
Dinamik Blog Resim Sınır Çizgisini Kaldır Video’muzu izleyelim