Sitene etiket ekle

Sitenizdeki etiketler bölümünü kullandığınız da,Blogger şablonun size sunduğu şekliyle kullanırsınız.

İşte bunları biraz şekle sokmak isterseniz, resimde görüldüğü gibi sitene etiket ekleyebilirsiniz.Resimde etiketler Bulut şeklinde sıralanmıştır.Liste olarak işaretlerseniz alt alta gözükecektir.


Şimdi gelelim nasıl yapılacağına.Bunun için bazı kodlardan yardım alacağız.Öncelikle sırasıyla şu yolu takip ediyoruz.

1. Ayarlar - Şablon - HTML yi Düzenle yaparak.
2. Açılan sayfada CTRL + F yaparak  ]]> </ b:skin> kodunu buluyoruz.
3. Kodumuzu bulduktan sonra aşağıda verdiğim kodu  ]]> </ b:skin> kodunun üstüne yapıştırıyoruz.
4. Kaydet deyip işlemi bitiriyoruz.

.Label a{  background: rgb(0,100,180);
background: -moz-linear-gradient(top,  rgba(0,100,180,1) 0%, rgba(20,60,100,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,100,180,1)), color-stop(100%,rgba(20,60,100,1)));
background: -webkit-linear-gradient(top,  rgba(0,100,180,1) 0%,rgba(20,60,100,1) 100%);
background: -o-linear-gradient(top,  rgba(0,100,180,1) 0%,rgba(20,60,100,1) 100%);
background: -ms-linear-gradient(top,  rgba(0,100,180,1) 0%,rgba(20,60,100,1) 100%);
background: linear-gradient(top,  rgba(0,100,180,1) 0%,rgba(20,60,100,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0064b4', endColorstr='#123d60',GradientType=0 );
border: 1px solid #005ca6;padding:0 8px; color:#fff!important; height:28px; line-height:28px; text-transform:capitalize; text-decoration:none; margin-top:5px; font-size:14px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;text-shadow: 0 -1px -1px rgba(0, 0, 0, 0.2);
}

.Label a:hover{color:#000 !important; background:#123d60;}

Not:Kodlar alıntıdır.