19 Mart 2013 Salı
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. Eğer bu yöntemi kullanmak istemeyen olursa , Kod Çevir adresini ziyaret edebilirler.
Şimdi gelelim kodları kod penceresi içine nasıl alınır? Ona bakalım
Blogger Kumanda Paneli
Şablon
HTML'yi Düzenle
Blogger Kumanda Paneli
Şablon
HTML'yi Düzenle
Widget'ı Genişlet
Bu yolu takip ettikten sonra aşağıdaki kodu bulun;
]]></b:skin>
.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;
}
Yapıştırdığınız kodun ortasına paylaşmak istediğiniz kodları yapıştırın. Daha sonra her kod paylaşımında yukarıdaki kodu kullanacaksınız.
Küçük bir hatırlatma: Eğer paylaşmak istediğiniz kodu HTML alanına yapıştırırsanız kodlar yan yana görünecek ve görüntü biraz çirkinleşecektir. Ama kodları normal metin yazma bölümünde girerseniz kodlar düzgün bir şekilde alt alta sıralanacaktır. Daha ayrıntılı olması için 2 resim de göstermek istiyorum.
Önce paylaşmak istediğim kodu HTML bölümüne kodunun arasına ekliyorum ilk sonuç
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
Renkleri değiştirmek isterseniz Buradan değiştirebilirsiniz.
Ve sonunda bitti. Yapamadığınız bir yer olursa "YORUM" bölümünden iletebilirsiniz. Herkese kolay gelsin, iyi bloglamalar...
