Blogunuza İndir-Uyarı- Bilgi Yazı Stili Ekleme

İnternette Ara :  | Google - Yandex - Yahoo- Bing

---------------------------------------------------------------------------------------------------------------------------------------------------

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...