Blogger Renkli Etiketler Oluşturma

Blogger Renkli Etiketler Oluşturma




Evet her blogger'ın vazgeçilmezi ve arama motorlarının yol göstericisi Etiketler!

Bu yazımızda Renkli Etiketler Nasıl Oluşturulur, bunu yazacağım.

Adım 1: Blogger Kontrol Paneli &gt;&gt; Şablon &gt;&gt; Html'yi düzenle bu adimlari izliyoruz.  Daha sonra  ]]></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  menüsünden  Gadget ekle diyoruz  ve Etiketler'i ekliyoruz. 




Kod Kaynak : Kod Blogcum

0 yorum:

Yorum Gönder