Blogger Kod Penceresi Yapımı

Bildiğiniz gibi blogspot uzantılı bloglarda maalesef kod gösterimi için uygun bir sitil yok. Kodlarımızı tıpkı yazı gibi giriyor ve o şekilde sergiliyoruz. Oysa daha düzgün gösterebiliriz. Belki ilerde Blogger yapacağı küçük bir çalışma ile bunu orjinal kodlarına ekler ve bu yazıda anlatacağımız ekstra eklememiz gereken kodlara hiç gerek kalmaz. Şimdi yapılması gerekeni basit bir şekilde maddeler halinde anlatacağım;

• Blogger hesabınıza girin
• Şablon sekmesine gidin ve HTML Düzenle butonuna tıklayın
• Widget Şablonlarını Genişlet seçeneğine tik işareti koyun

CTRL+F yardımıyla ilk bulduğunuz post-body den sonra

.post-body pre code {
 background-color:#f6f6f6;
 display:block;
 width:360px;
 overflow: auto; 
 padding:0em 1em;
 color:#000000;
}

kodunu yapıştırın. Bu eklediğimiz kodları kullanmak yani eskisine göre daha düzgün bir şekilde Blogger blogumuzda kodları sergilemek için yazımızı yazarken kodlarımızı şu şekilde yayınlamamız gerekiyor;

<pre><code>Kodları Buraya Yazın</code></pre>

Benim kodlar şu şekilde görünüyor

      .onlineNETpost-body 
        {
            padding:13px;
            min-width:18px;
            min-height:18px;
        }

.post-body pre code {
 background-color:#f6f6f6;
 display:block;
 width:510px;
 overflow: auto; 
 padding:0em 1em;
 color:#000000;
}

Şeklinde düzenlemeniz gerekiyor.