Sidebar Katagoriler bölümünü özelleştirme

Katagoriler kısmını özeleştirme eminim herkes sitesinde bir katagori oluşturmuştur.sade bir katagor ialanı kullanmak istemiyorsanız.
Bu bizim kullandığımız katagoriler alanını sizlerle paylaşıyoruz eklentimizi bir kaç kişi istedi bizde paylaşalım dedik :)
Eklenti zaten görünüm açısından da çok güzel bir görüntü sağlıyor.

numaraların gözükmesi için ise yukardaki resimdede gördüğünüz gibi  her etiketteki  kayıt sayısını göster  demişim sizde aynı şekilde yapığınız zaman  etiket sayılarıda gözükücektir.


öncelikle css kodlarımızı ekliyices tabi bu verdiğimiz kodları siz kendi temanızdakilerle  yer değiştiriceksiniz. bunuda belirtelim.

#Label1 li:hover .label-counter {
background-color: #f5696c;
color: #fff;
}
#Label1 li .label-counter {
float: right;
background-color: #0b5394;
color: #fff;
line-height: 1;
margin: 2px 0 0;
padding: 3px 5px;
text-align: center;
font-size: 12px;
transition: all 0.7s;
border-bottom: 1px solid #fff;
border-radius: 3px;
}

#Label1 ul li:hover{background-color:#F0F5F7}
}
.sidebar .widget {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

#Label1 ul li {
height: 26px;
line-height: 23px;
padding: 0 7px 0 8px;
font-size: 12px;
color: #555;
text-decoration: none;
text-shadow: 0 1px white;
background: #fafafa;
border-width: 1px 0 1px 1px;
border-style: solid;
border-color: #dadada #d2d2d2 #c5c5c5;
border-radius: 3px 0 0 3px;
background-image: -webkit-linear-gradient(top, #fcfcfc, #f0f0f0);
background-image: -moz-linear-gradient(top, #fcfcfc, #f0f0f0);
background-image: -o-linear-gradient(top, #fcfcfc, #f0f0f0);
background-image: linear-gradient(to bottom, #fcfcfc, #f0f0f0);
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);
margin-bottom: 0px;
overflow: hidden;
}
#isitabnya .Label li{-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}
isitabnya .widget-content.list-label-widget-content{margin:0}
#isitabnya .Label li{width:48%;display:inline-block;float:right;padding:0;background-color:whiteSmoke;border:1px solid #E9E9E9;margin:0 1% 2px}
#isitabnya .Label .isilblnxx{display:block;padding:4px 8px}
ltr{display:block;float:left;margin:0 5px 0 0;min-width:20px;font-size:9px;text-align:center;background-color:#850000;color:white;border-radius:2px}
ltr{background-color:#8A8A8A}
#isitabnya .Label li:hover{background-color:#F7DEDE}

bu aşağıdaki kodu bulup

<span dir='ltr'>(<data:label.count/>)</span>

 bununla değiştiriyoruz

<span class='label-counter'><data:label.count/></span>

Continue Reading