Blogger Renkli Etiketler Oluşturma - 2

Merhaba Arkadaşlar, bu yayınımda sizlere yeni bir renkli etiket oluşturmadan bahsedeceğim.Daha sade duran bu etiket eklentisini anlatayım.

Adım 1: Blogger Şablon > Html'yi Düzenle diyoruz ve ]]></b:skin> kodunu aratıp aşağıdaki kodu ekliyoruz.

.label-size-1 a {background:#1abc9c;border-bottom:3px solid #127F69;}
.label-size-1 a:hover {background:#16a085;}
.label-size-2 a {background:#3498db;border-bottom:3px solid #226693;}
.label-size-2 a:hover {background:#2980b9;}
.label-size-3 a {background:#2ecc71;border-bottom:3px solid #1F8C4C;}
.label-size-3 a:hover {background:#27ae60}
.label-size-4 a {background:#9b59b6;border-bottom:3px solid #74398E;}
.label-size-4 a:hover {background:#8e44ad}
.label-size-5 a {background:#e74c3c;border-bottom:3px solid #922C20;}
.label-size-5 a:hover {background:#c0392b}
.label-size-6 a {background:#FE2200;border-bottom:3px solid #FE2200;}
.label-size-6 a:hover {background:#FE2200}

.label-size {
  position:relative;
  text-transform:uppercase;
  text-decoration:none;
  font-size:13px;
  font-family:Arial;
  color:#fff!important;
  }
.label-size a {
  color:#fff!important;
  font-weight:bold;
  float:left;
  display:block;
  transition: all 0.4s ease-in-out;
padding: 3px 5px;
margin: 2px 5px 5px 2px;
}

Adım 2 : Blogger Yerleşim menusünden Gadget Ekle diyoruz ve Etiketleri ekliyoruz.

Paylaş

Yazar : KODBLOGCUM

Benzer Yayınlar

Yukarı çık button eklentisi Merhaba Arkadaşlar,bu yayınımda sizlere blog veya sitenizde kullanabiliceğiniz yukarı çık button veya çapasından b
Hazır Sosyal Paylaşım Eklentisi - 9 Merhaba arkadaşlar, bu yayınımda sizlere blogger sosyal medya eklenti serisinden yeni bir eklenti sunacağım.Üzeri
Blogger Yorum Alanını Özelleştirme Merhaba Arkadaşlar, bu yayınımda sizlere blogger da yorum alanını özelleştirmeden bahsedeceğim.Renkli ve ilginç ol
Blogspot .Tr uzantısını kaldırma Merhaba Arkadaşlar, bu yayınımda sizlere blogspotlar da .tr uzantısını nasıl kaldırabiliriz konusundan bahsedeceğ