Blogger Uyarı, Bilgi ve Not Eklentisi

blogger uyarı eklentisi
Blogger (Blogspot) sitenizde yazılarınızın arasına renkli arkaplana sahip olan uyarı, bilgi ve not eklentisi ile sitenizdeki içerikleri daha kullanışlı hale getirebilirsiniz.

Blogger Uyarı Eklentisi

<style type='text/css'>
.uyari {
background: #e1eec3; 
background: -webkit-linear-gradient(to right, #f05053, #e1eec3); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #f05053, #e1eec3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 font-family: Nunito, Chilanka, sans-serif;
 font-weight: bold;
 right: 65px;
 color: #fff; f
ont-size: 14px;
border: 1px solid #FF0000;
 line-height: 22px;
 min-height: 38px;
 padding: 20px 12px 12px 68px;
 margin: 5px 0; }
</style>
<div class="uyari">Uyarı Notunuzu Buraya Yazınız</div>

Blogger Bilgi Ekranı Eklentisi

<style type='text/css'>
.bilgi {
background: #00B4DB;  
background: -webkit-linear-gradient(to right, #0083B0, #00B4DB);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #0083B0, #00B4DB); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 font-family: Nunito, Chilanka, sans-serif;
    font-weight: bold;
    right: 65px;
  color: #fff;
    font-size: 14px;
border: 1px solid #00dfff;
 line-height: 22px;
 min-height: 38px;
 padding: 20px 12px 12px 68px;
 margin: 5px 0;
}
</style>
<div class="bilgi">Bilgi Verilecek Yazıyı Yazınız</div>

Blogger Not Eklentisi

<style type='text/css'>
.not {
background: #FDC830; 
background: -webkit-linear-gradient(to right, #F37335, #FDC830);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #F37335, #FDC830); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 font-family: Nunito, Chilanka, sans-serif;
    font-weight: bold;
    right: 65px;
  color: #fff;
    font-size: 14px;
border: 1px solid #dca000;
 line-height: 22px;
 min-height: 38px;
 padding: 20px 12px 12px 68px;
 margin: 5px 0;
}
</style>
<div class="not">Not Eklemek İstediğiniz Yazı Buraya Gelecek</div>