Blogunuz'a yazı stili olarak "Bu bir bilgilendirme yazısıdır." veya "Bu bir İndirme Yazısı'dır" yazmak istemez misiniz ? Blogunuzu daha kaliteli gösteren kaliteli bu kod ile artık daha kaliteli bloglara bloglayın. Blogunuzda TASARIM > HTML'Yİ DÜZENLE yolunu izleyin hemen ardından aşağıdaki kodu bulun eğer bulamazsanız Widget Şablonunu Genişletin:
]]></b:skin>
Bu kodu bulduktan sonra hemen üstüne aşağıdaki kodları eklemelisiniz.
.uyari {
background: #f9cccc url(http://www.yukleresim.com/dm-N3RB.png) 15px center no-repeat;
text-align: left;
padding: 10px 20px 10px 65px;
border-top: 2px solid #d34b4b;
border-bottom: 2px solid #d34b4b;
margin:10px auto;
}
.bilgi {
background: #cce1f1 url(http://www.yukleresim.com/dm-A7NK.png) 15px 50% no-repeat;
padding: 10px 20px 10px 65px;
border-top: 2px solid #529bdf;
border-bottom: 2px solid #529bdf;
margin:10px auto;
}
.indir {
background: #d1e8b7 url(http://www.yukleresim.com/dm-5HFC.png) 15px 50% no-repeat;
padding: 10px 20px 10px 65px;
border-top: 2px solid #7dbe31;
border-bottom: 2px solid #7dbe31;
margin:10px auto;
}
Şimdi de bunları yazılarımızın içinde nasıl kullanacağız onu anlatacağım. Tek yapmanız gereken yazı yazarken Oluştur | HTML burada yazıyı yazarken HTML sekmesine tıklayın. Ve şimdi de aşağıdaki hangi kodu istiyorsanız yapıştırın.
Uyarı Yazı Stilinin Kullanımı
<div class="uyari">Bu bir uyarı yazısıdır...</div>Bilgi Yazı Stilinin Kullanımı
<div class="bilgi">Bu bir bilgi yazısıdır...</div>İndir Yazı Stilinin Kullanımı
<div class="indir">Bu bir indirme yazısıdır...</div>
Örnek :
Bu bir uyarı yazısıdır...
Bu bir bilgi yazısıdır...
Bu bir indirme yazısıdır...
0 yorum:
Yorum Gönder