Blogger Uyarı, Bilgi ve Not 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>

Paylaş :