Makaleler İçinde Html Kod Paylaşma

Blogger'de Kodları Çerçeve İçine Almak Paylaşmak

       Blogger tasarımı , HTML kodları, Java ve Css kod paylaşımları yapan blogcuların her zaman kullanabileceği kod çerçeve yöntemi. Şimdi Kod Çerçeve Yöntemini istediğiniz tasarıma getirip kullanabileceksiniz. 

      Şimdi gelelim kodları kod penceresi içine nasıl alınır? 
Öncelikle aşağıdaki sıralamayı yapmalım;
*Blogger'e giriş yapıyoruz,
*Kumanda Paneli>Şablon>Html Düzenle yolunu izleyelim,
*Üsteki işlemi yapmadan önce Şablonunuzun yedeğini her ihtimale karşı alın,
*Bu yolu takip ettikden sonra Ctrl+F kısa yol tuşlarıyla ]]></b:skin> kodunu aratıp buluyoruz,

     Yukarıdaki kodu buldukdan sonra hemen üstüne gelecek şekilde aşağıdaki kodları ekleyelim.

.codeview { 
font-family: Arial, Helvetica, sans-serif; 
color: #0037FF; 
margin : 15px 35px 15px 15px; 
padding : 10px; 
clear : both; 
list-style-type : li; 
border-top : 2px solid #DBDBDE; 
border-right : 2px solid #DBDBDE; 
border-bottom : 2px solid #DBDBDE; 
border-left : 2px solid #DBDBDE; 
background-color: #FFFFFF; 
} 

.codeview list { 
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; 
}

*Üsteki işlemi bitirdikden sonra şablonu kaydedin ve çıkın.
Şimdi deneme yapmak için hemen bir makale yazmak için yeni bir yayın açalım ve bir şeyler yazıp HTML kısmına geçelim,
*Daha sonra yazdığımız konu içinde kod paylaşmak istediğinde Html kısmından aşağıdaki kodları ekleyin
<div class="codeview"> KOD BURAYA GELECEK.</div>

Kod Buraya Gelecek Yazan yere kodlarınızı ekleyip Oluştur kısmından yazınıza devam edin.

Eğer kod üzerinde değişiklik yapmak isterseniz düzenleyeceğiniz alanlar şunlardır:

• color: #CC0000;  Yazının rengi 
• border-top : 2px solid #cccccc;  (2px) çerçevenin kalınlığı , #cccc çerçevenin rengi
• border-right : 2px solid #cccccc; (2px) çerçevenin kalınlığı , #cccc çerçevenin rengi
• border-bottom : 2px solid #cccccc; (2px) çerçevenin kalınlığı , #cccc çerçevenin rengi
• border-left : 2px solid #cccccc; (2px) çerçevenin kalınlığı , #cccc çerçevenin rengi
• background-color: #FFFFFF; Tasarımın arka plan rengi

          
Bizi Takip Edin
Pinterest Facebook Twitter
 © by bilgicafem61
Aşağıda Yorum ve Sorularınızı Bırakın.