Blogger Kod Penceresi Oluşturmak

Blogger Kod Penceresi Oluşturmak

Bu eklenti css veya html kod paylaşımı yapan blogcular için iyi bir eklenti kodları ayrı bir pencerede göstermeye olanak sağlıyor. Ayrıca bu eklentiyi bende kullanıyorum. Örnekler aşağıda zaten.

Şablon - Html'yi düzenle - Ctrl + F yardımı ile ]]></b:skin> kodunu bulun ve hemen üstüne aşağıdaki verdiğim kodları ekleyin.

.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; 

}

Kodları göstereceğiniz yere aşağıdaki kodları eklemeniz yeterli.

<div class="codeview"> 

Kodlarınız buraya gelecek... 

</div>