CSS ile blogunuza şık görünümlü etiket kodu

6 Yorum


 merhaba arkadaslar blogunuzuda etiket goruntulerini kullaniyorsaniz eger etiketlerinizin daha şık gorunmesini saglayabilirsiniz altaki kodu blogunuza ekliyerek


yapmaniz gereken sablon > html yi duzenle > Widget Şablonlarını Genişlet secenegini tiklayarak ctrl ve f tuslarini ayni anda basarak acilan arama kutucugunda asagidaki kodu aratin
]]></b:skin> 
kodu bulduktan sonra hemen uste gelecek sekilde altaki kodiu ekleyin
.label-size {
position: relative;
float:left
}
.label-size::before {
content: ' ';width: 0;
height: 0;top: 2px;
position: absolute;
right: -4px;
border: 14px solid transparent;
border-left-color: #DDD
}
.label-size a{
float: left;
font-size: 14px;
padding: 5px 10px;
background: white;
margin: 3px 24px 15px 1px;
position: relative;
width:112px;
outline: 1px solid #DDD;
color: #222
}
.label-size a::before {
content: ' ';
width: 0;
height: 0;
top: 0;
position: absolute;
right: -26px;
border: 13px solid transparent;
border-left-color: white
}
.label-size a::after {
content: ' ';
position: absolute;
background: #F6F6F6;
border-radius: 10px;
height: 10px;
right: -1px;top: 7px;
width: 10px;
border: 1px solid #DDD
}
.label-size a:hover {
color:#5D73B5; !important
}
onemli not : etiket Widget iniz asagidaki sekilde olmali yani etiket sayisi secenegi secilmis olmamali
gule kullanin
yorumlarinizi eksik etmeyin :)

6 yorum:

  1. Bilgi için teşekkürler,daha düzenli duruyor böyle ama kim uğraşacak:)))

    YanıtlaSil
  2. @Bahar rica ederim ugrasilicak bisey yok ki 2 dakikani almaz :)

    YanıtlaSil
  3. İlgiyle okudum ,sitenize katılıyorum ,sizi de beklerim.
    http://demodeyiz.blogspot.com/

    YanıtlaSil
  4. Hocam elinize sağlık da sizden birşey rica edicem benim blogumdaki etiketleri şu şekilde efekt verdim. http://www.marifetnamem.com

    Ancak ben windows 8 tarzı gibi renkli renkli olsun istiyorum bunu nasıl başarabilirim? Wordpress te yaparım o basit ancak Blogger'de yeniyim :)

    YanıtlaSil
Yorum yaparken dikkat edilmesi gerekenler:

* Yaptığınız yorumun tamamı büyük harf olmamasına özen gösteriniz
* Yorumlarınız da argo içeren kelimeler kullanmayınız
* Reklam amaçlı yorumlarda bulunmayınız
* Konu dışında iletmek istediğiniz bir şey varsa iletişim formunu kullanın
* Yorumlarınızdan dolayı sizlere teşekkür ediyorum