Blogger İçin Yazılarda Kod Penceresi Oluşturmak.

Herkese Merhaba .

Sizlere Blog Yazılarınızda HTML - PHP vb. KodlarI Göstermek Amacıyla Kod Penceresi Oluşturmayı Göstereceğim.

Bu Eklenti Sayesinde Kodlarımız İstediğimiz Kalınlıkta İstediğimiz Fontta ve İstediğimiz Renkte Kod Penceresi Oluşturabiliriz.

Hemen Anlatıma Geçelim.

Blogger K.Paneli >> Şablon >> HTML Düzenle.

Ardından Control + F [ CTRL + F ] Yardımıyla Aşağıdaki Kodu Aratıyoruz. ; 

]]></b:skin> 

Hemen Üstüne Aşağıdaki Kodu Yapıştırıyoruz.

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

Yazı Rengi : Kırmızı Alan.

Genişlik ve Uzunluk Ayarları. : Mavi Alan.

Arka Plan Rengi :  Pembe Alan.

Yazı Arkası Font Rengi : Sarı Alan


Renk Kodları İçin : abecem.net/web/renk.html Adresinden Bulabilirsiniz.



 Son Olarak Bir Dahaki HTML İçerikli Konu Paylaşımlarınızda Aşağıdaki Kodu HTML Bölümüne  Uygulayın.

<div class="codeview"> Kodlar Bu Bölüme Yerleşicek. </div>

Teşekkürler.