Blog Yazılarını 2 Sütuna Bölme Eklentisi

7.6.16
Blog Yazılarını 2 Sütuna Bölme Eklentisi

Blog makaleleri iki sütuna nasıl bölünür? Makaleleri, gazete yada dergileri iki sütun halinde blog sitelerinizde yayınlamak için medyada olduğu gibi kolon bölme uygulaması ile yapmanız mümkün.

Blog yazılarını iki sütunda göstermek için CSS kodlarından yararlanarak birkaç ipucu vererek column-width özelliğini blogunuza uygulayarak istenilen işlemi tamamlayacaksınız.


İlk önce aşağıdaki CSS kodunun blog şablonunuzda olup olmadığını kontrol edin. Eğer aşağıdaki kod blog şablonunuzda bulunmuyorsa, şablonunuzda ]]></b:skin> yada </style> kodunu bulun ve aşağıdaki CSS kodunu ]]></b:skin> yada </style> bir satır üzerine ekleyin.

.column-count2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}
.column-border2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    -webkit-column-rule: 2px outset #ddd;
    -moz-column-rule: 2px outset #ddd;
    column-rule: 2px outset #ddd
}
div {
    display: block
}

Şablonu kaydedin.
Yukarıdaki kodda değer olarak yazıları iki sütuna bölecektir. Eğer siz yazıları üç sütun yada daha fazla sütuda olmasını istiyorsanız 2 (iki) yerine 3 yada 4 gibi değerler vererek değiştirebilirsiniz.

Blogunuzda yeni yayın oluşturmak için yeni sekmesine tıklayın ve makale, gazete veya dergi yazılarını aşağıdaki kod içerisine ekleyerek yeni yayın oluşturma bölümünün HTML kısmına ekleyin.

<div class='column-count2'> METİNLERİ BURAYA EKLEYİN </div>

Yazılarınızı sütunlara bölme ve bölme aralarında dik şerit çizgi oluşturma.

<div class='column-border2'> METİNLERİ BURAYA EKLEYİN </div>

Blogger CSS kodları hakkında daha fazla bilgi almak için yorum formunu kullanabilirsiniz.
Faydalı mı?
Blogger
Disqus
Yorum Ekle

Hiç yorum yok