Wordpress ve Blogger çift stunlu kategori oluşturma

Merhaba arkadaşlar bugün sizlere wordpress ve blogger çift stunlu kategori nasıl apılır onu anlatacağım öncelikle çoğu temada çift stunlu kategori bileşeni bulunmamaktadır bizde sizler için bu çift stunlu kategori bileşeni kodlarını paylaşıyoruz. Wordpress Çift Stunlu Kategori Bileşeni Yapma Kodları Bu kodları temanızın sidebar.php dosyasının istediğiniz kısmına ekleyiniz.

<div class=ciftsutun>
<div class=bilesenbaslik><strong>Kategoriler</strong></div>
<div class=kategoriicerik><?php
$cats = explode("<br />",wp_list_categories('title_li=&echo=0&depth=1&style=none'));
$cat_n = count($cats) - 1;
for ($i=0;$i<$cat_n;$i++):
if ($i<$cat_n/2):
$cat_left = $cat_left.'<li>'.$cats[$i].'</li>';
elseif ($i>=$cat_n/2):
$cat_right = $cat_right.'<li>'.$cats[$i].'</li>';
endif;
endfor;
?>
<ul class="left"> 
<?php echo $cat_left;?>
</ul>
<ul class="right"> 
<?php echo $cat_right;?>
</ul></div>
<div class="temizlik"></div>
</div>

Gelelim css kodlarına

.right {float:left; width:140px;} .left {float:left; width:140px;}

Not: Bu işlemi yapmadan Önce Sidebar.php ve Style.css Dosyasını yedekleyiniz.

Gelelim Blogger Çift Stunlu Kategori Yapmaya Blogger Kategorileri (Etiketleri) Yan Yana, İki Sütun Halinde Göstermek İçin Gerekli Css Kodu

#Label1 ul li{
width: 50%;
float: left; 
}

Genişlik ayarı temanıza göre değişebilmekte eğer %50 yaptığınız takdirde kategoriler yan yana listelenmiyorsa bu ayarı düşürebilirsiniz (49%, 45% gibi). Kategori bağlantılarının sol tarafına ikon koymak için alttaki kodları kullanabilirsiniz.

#Label1 ul li {background:url("ikon-link") 0px 8px no-repeat;}
#Label1 ul li a{padding-left:10px}

Yine burada bulunanan 0px soldan boşluğu 8px ise yükseklik ayarı yapmayı sağlamakta. 0px li elementlerinin yerleşiminde sorun oluştuğu için ben direkt olarak a etiketine yani bağlantılara soldan 10px boşluk vererek çözdüm.