Web Günlüğü - Anasayfa
Web Günlüğü

blogger ipuçları, eklentileri ve temalarının yer aldığı web günlüğü

Sayfalar



bu bloğu izle

Bumerang - Yazarkafe

Olist Blogger Teması
canlı radyo dinle

Blogger Kategorileri(Etiketleri) İki Sütun Halinde Gösterme

7 Temmuz 2013 Pazar - #
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

İletişim Formu

Ad

E-posta *

Mesaj *