| 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 | Blogger Çözümleri |
| Action |
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önder