dislanze
v10
today : | at : dislanze | safemode : ON
> / home / facebook / twitter / exit /
name author perms com modified label

Blogger İçin Yazılarda Kod Penceresi Oluşturmak. Süleyman Akyıldız rwxr-xr-x 0 Kasım 16, 2013

Filename Blogger İçin Yazılarda Kod Penceresi Oluşturmak.
Permission rw-r--r--
Author Süleyman Akyıldız
Date and Time Kasım 16, 2013
Label
Action
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. 



0 yorum:

Yorum Gönderme