Blogger etiketleri nasıl iki sütun halinde gösterilir ?

Daha önceki kullandığım bazı blogger temalarının yapısı gereği kategorileri(etiketleri) iki sütun halinde gösteremiyordum. Şu an kullandığım temada bir sorun olmadığı için kategorileri çift sütun halinde göstermeyi tercih ettim bu sayede hem daha güzel bir görüntü sağladım hem de kategoriler widgeti (bileşeni) daha az alan kaplamış oldu.


Blogger için wordpress tarzı, kategorileri yan yana iki sütun halinde göstermek için kısa bir css kodu yardımı ile yapılan kolay ve hızlı bir işlem.

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).

Ayrıca benim kullandığım gibi kategori bağlantılarının sol tarafına ikon koymak istiyorsanız alttaki kodları kullanabilirsiniz.
#Label1 ul li {background:url("ikon-bağlantısı") 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.

Yorumlar

  1. Teşekkürler Zafer abi. Ancak kategorileme olarak LinkList kullananlar için de eklersen daha faydalı olur :)

    YanıtlaSil
    Yanıtlar
    1. Teşekkür ederim Arda aynı şekilde yapılabilir zaten ayrıca kod eklemeye gerek yok.

      Sil
  2. Teşekkürler Zafer abi. 2. verdiğin kodlar işime yaradı. ;)

    YanıtlaSil

Son Yazılar

Son Yorumlar

Abonelik

En son tema güncellemeleri, özel teklifler ve faydalı kaynaklardan haberdar olmak için e-posta adresinizle abone olun.