Blogger Kod Kutusu Ekleme

Yeni ve değişik kodlar ararken bulduğum kod kutusunu paylaşmak istedim çünkü çoğu arkadaş kod kutusu sebebi ile sorun yaşamakta belki bu kutu bir nevi yardımcı olur..

Kod kutusundaki resim değiştirebilir

Yazı Tipini Değiştirebilirsiniz

Şekli ve Boyutunu Değiştirebilirsiniz

Girinti ve Çıkıntıları Değiştirebilirsiniz

Öncelikle ]]></b:skin> kodunu ctrl+f yardımıyla bulalım

.codeview {
margin : 15px 15px 15px 35px;
padding : 10px;
clear : both;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
line-height:1.6;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgckkBii3y0GuXKaNGVG_wl_dB5-XWlFdxED-qZHZYP4i18WFV0QeXkgTIi_JwWMtMqVVIIVDJVtlQCqyQ1ayHFMBO7Dfac1U2xf1D8FFJnaMNTDvA9u9ivwL-iH8_X7B-gczuCHH2BtB4N/') no-repeat scroll bottom right #EFFBF5;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
line-height : 24px;
color : #333333;
margin : 0;
padding : 0;
}

hemen üstüne yukarıda ki kodları ekleyip şablonu kaydedelim.

Kod kutusunu nasıl kullanacağımıza gelelim.

<div class="codeview">

<!-- Kodlar Buraya Eklenecek -->

</div>

Kodları yukarı ki kod ile eklerseniz kod kutusu çalışacaktır.

Kodları Eklemeden Önce Buradan Çevirip Yapıştırınız

Yazı Tipini

font-family : "Courier New", "MS Sans Serif", sans-serif, serif;