Gün geçtikçe artan bloggerler için kullanışlı olan bir eklentiyi sizlerle paylaşacağım sevgili takipçilerim.
Blogger panelinde keşke böyle bir özellik olsa ama ne yazıkki istemediğimiz yazıların görünmemesini sağlayamıyoruz. Bu eklenti ile anasayfanızda görünmesini istemediğiniz belirlediğiniz etikete veya etiketlere ait yazılarınızı kaldırabileceksiniz. Bu işlemide CSS ve HTML'nin bize verdiği yetki ile çok kolay ve basit bir şekilde halledeceğiz, Javascript veya jQuery kullanmadığımız için blogunuz veya websitenizde yavaşlamayacak.
Nasıl Yapılır?
İşleme başlamadan önce anasayfa için özel ve sadece anasayfada görünecek bir stil oluşturalım.
Kumanda Paneli › Şablon › HTML’yi Düzenle bölümüne girelim ve <body> kodunu bulalım ve hemen altına aşağıda vermiş olduğum kodu ekleyelim
<b:class cond='data:view.isHomepage' name='home-page'/>
bu kodu niye ekledik diye soracak olursanız eğer bu kod sayesinde eklediğimiz CSS kodları sadece anasayfada görünecek ve yazı içerisinde veya diğer sayfalarda görünmeyecek.
Görünmemesini istediğimiz yazılarımızı işaretlemek için yazılarımıza eklediğimiz etiketleri kullanacağız bunun için şablonumuzu kaydetmeden aşağıdaki kodu bulalım.
<b:includable id='post' var='post'>
Hemen altına aşağıdaki kodu ekleyelim.
<div class='<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'> </b:if></b:loop></b:if>'>
Bu kod ile blogger etiketlerinden oluşan bir div etiketi oluşturuyoruz.
Ardından aşağıdaki kodu kapanış etiketinin üzerine ekleyin.
</div>
Adımları doğru yaptığınızda sonuç bu şekilde olmalı.
<b:includable id='post' var='post'>
<div class='<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'> </b:if></b:loop></b:if>'>
......................
......................
......................
......................
</div>
</b:includable>
Son adım anasayfada görünmesini istemediğimiz yazıları CSS ile ortadan kaldırmak için bir stil oluşturmak, bu stili şu şekilde yapabiliriz. Bu CSS kodlarınıda şablonumuzda bulunan </b:skin> etiketinin hemen üstüne ekleyelim.
.home-page .AdSense {
display: none;
}Önemli
Görünmesini istemediğiniz etiketi yukarıda işaretlediğim yere yazmalısınız.
Birden fazla veya farklı etiketlere ait yazılarınızın anasayfada görünmesi istemiyorsanız CSS'yi kendinize göre düzenlemelisiniz.
Örn: Adsense, Blogger, Webmaster gibi yazınızda birden fazla etiket var ise yazıya ait tüm etiketlere CSS'yi uygulamak zorundasınız aksi taktirde görünmesini istemediğiniz yazınız hala anasayfada görünmeye devam eder.
Hepsi bu kadar, konu hakkında sorularınız için yorum formunu kullanabilirsiniz.
