Blogger Eklentileri Blogger Kod Penceresi

 Merhaba arkadaşlar bu yazımda blogger eklentilerinden bir eklenti daha paylaşmaya karar verdim.Blogger yazarları genelde kodlar yazdığında kodların dağıldığını sayfaya sığmadığını ya da farklı sorunların çıktığını görmüşsünüzdür.Bugün paylaşacağım eklenti sayesinde kodlarınızı bir kod penceresi içerisinde bulundurup kodların dağılmasını enegelliyebileceksiniz.Kod penceresi her temayla uyumludur genişlik ve yükseklik ayarları sayesinde dışa taşmaz bir özelliğe sahiptir.Bir ekran görüntüsü ile örnek verecek olursak;

Blogger Kod Penceresi

















Peki Blogger Eklentisini Nasıl Bloguma Eklerim?


Blogger Panelinden >> Şablon >> Html'yi Düzenle >>  Ctrl+F yapıp ]]></b:skin> kodunu bulup üstüne aşağıda vermiş olduğum kodları ekliyorsunuz.

Kodlar;

.codeview { 
font-family: Arial, Helvetica, sans-serif; 
color: #CC0000; 
margin : 15px 35px 15px 15px; 
padding : 10px; 
clear : both; 
list-style-type : none; 
border-top : 2px solid #cccccc; 
border-right : 2px solid #cccccc; 
border-bottom : 2px solid #cccccc; 
border-left : 2px solid #cccccc; 
background-color: #FFFFFF; 

.codeview li { 
font-size : 13px; 
line-height : 24px; 
font-family : 
"Courier New", "MS Sans Serif", sans-serif, serif; 
color : #333333; 
font-weight : normal; 
margin : 0; 
padding : 0; 

}

İşlemimiz bu kadarla bitmiyor bu sadece kod penceresini oluşturmak içindi.Şimdi ise kodları nasıl kod penceresi içindi gösterebilirsiniz onu gösterelim aşağıda vermiş olduğum kodları yeni bir yazı yazarken kodları göstereceğiniz yere ekleyin. 

Kodlar

<div class="codeview"> 
Kodlarınız buraya gelecek... 
</div>


    


Yorumlar