Blogunuza İndir-Uyarı-Bigi Yazi Stileri Ekleyin

blogger yazı stilleri 1

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:

]]></b:skin>

Bu kodu bulduktan sonra hemen üstüne aşağıdaki kodları eklemelisiniz.

.uyari {
background: #f9cccc url(https://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(https://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(https://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>
Şimdi size bu eklenti’nin örneklerini gösterelim, eklentiyi daha iyi anlayalım.
Kaynaklar: