Blogger Uyarı, Bilgi ve Not Kutucuğu (Renk Geçişli)

Blogger Uyarı, Bilgi ve Not Kutucuğu Nasıl Yapılır?

1. Blogger kontrol panelinizdeyken sırasıyla " Tema » HTML'yi düzenle " tıklayın.

2.  CTRL+F tuş kombinasyonu'nu kullanarak sayfada " ]]></b:skin> " aratın ve bu kodun bir kaç satır üstüne uygun bir yere aşağıda verilen kodu ekleyin.;

Blogger Uyarı Kutucuğu Kodları

.uyarı {
background: #e1eec3; /* fallback for old browsers */
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; }

Blogger Bilgi Kutucuğu Kodları

.bilgi {
background: #00B4DB;  /* fallback for old browsers */
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;
}

Blogger Not Kutucuğu Kodları

.not {
background: #FDC830;  /* fallback for old browsers */
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;
}

Yazıyla alakalı etiketler;
blogger, blogspot, blog, eklenti, widget, gadget, eklenti, eklentiler, eklentileri, eklentisi
blogger eklenti, blogspot eklenti, blogger eklentisi,
blogger eklentileri, blogger eklentiler, blogger widget, blogger widgets, blogger gadget,

blogger 2015, blogger 2016, blogger eklenti indir, blogger kodu, blogger kodları,