• En yeniler

    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. 



    Hiç yorum yok

    Post Bottom Ad