27 Mart 2013 Çarşamba
Dinamik bloglar için ayrı kod kullanıldığından bir önceki, Dinamik Blog Sınır Çizgisini kaldır isimli yazımda bu konudan bahsetmiş, ayrıca anlatımı video ile de beslemiştik.Şu anda kullanmakta olduğum, Dinamik blog üzerinde uygulamanın video’sunu tatbik ederek yükledim. Aynı uygulamayı farklı kod kullanarak sizlerin de blog’larınıza eklemeniz için aşağıdaki anlatımı takip edelim.
You Tube yükleyelediğim, Video’yu izlemeden önce konu hakkında kısa bir bilgilendirme verelim.Dinamik ve Klasik Blogda şablonlar farklılık göstermektedir.Bu nedenle her iki uygulama arasında sadece kod farkı mevcuttur. Aşağıdaki anlatılanları inceleyelim.
→ 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. 8 sn kadar.
→ Blog’u görüntüleye tıklayın.
Olası durumlar hakkında bilgi ;
→ Blogunuzda görüntü değişimini izleyin. Resimlerinizin kenar sınır çizgileri yok olacaktır.
→ Blog resim sınır çizgileriniz yok oldu ancak panel giriş kalem iconum görülmüyor. Blogunuzu 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.
Klasik ve Dinamik blog CSS ekleme yeri aynı olduğundan anlatım tek video üzerinden yapılmıştır.
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.
.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;
}
