Blogger Renkli Etiketler Oluşturma

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.