Blogger uyarı / bilgi / indir / yazı stilleri eklentileri

• Nasıl bir görsele sahip ?
  
• Ne işe yarar ?

Blogunuzun anasayfasında uyarı / bilgi / indirme / yazı stili göstermenizi sağlar

• Nasıl yapılır ?

Blogger kontrol panelinizdeyken sırasıyla " Şablon >> HTMLyi düzenle " tıklayın. CTRL ve F kombinasyonu'nu kullanarak sayfada " ]]></b:skin> " aratın ve bu kodun üstüne aşağıda verilen kodu ekleyin.

.uyari {
background: #f9cccc url(http://f1212.hizliresim.com/14/r/h70l3.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://f1212.hizliresim.com/14/r/h70kb.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://f1212.hizliresim.com/14/r/h70kl.png) 15px 50% no-repeat;
padding: 10px 20px 10px 65px;
border-top: 2px solid #7dbe31;
border-bottom: 2px solid #7dbe31;
margin:10px auto;
}

• ÖNEMLİ NOT!
  Yazılarınızda bu uygulamayı kullanmak istediğinizde aşağıdaki kodları kullanmanız gerekli olacaktır.

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