SERP Nedir? Ne İşe Yarar?, görüntüle

Blogger Anasayfada Belirli Etikete Sahip Yazıları Gizleme

Blogger Anasayfada Belirli Etikete Sahip Yazıları Gizleme

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.

&lt;div class=&#39;<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'> </b:if></b:loop></b:if>&#39;&gt;

Bu kod ile blogger etiketlerinden oluşan bir div etiketi oluşturuyoruz.

Ardından aşağıdaki kodu kapanış etiketinin üzerine ekleyin.

&lt;/div&gt;

Adımları doğru yaptığınızda sonuç bu şekilde olmalı.

<b:includable id='post' var='post'>
&lt;div class=&#39;<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'> </b:if></b:loop></b:if>&#39;&gt;
......................
......................
......................
......................
&lt;/div&gt;
</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.

11 yorum

Spam yorumlarından kaçınmak için tüm yorumlar görüntülenmeden önce denetlenecektir.
  1. 5/09/2020
    Siteniz çok iyi hocam Facebook da gönderinizi görünce incelemek için girdim harika site tebrik ederim
    1. 5/09/2020
      Güzel yorumun için çok teşekkür ederim Şükrü.
  2. 5/12/2020
    Çok beğendim tebrikler
  3. 5/13/2020
    Teşekkürler
  4. 6/17/2020
    Merhaba ilkay bey sizin temanızın adı nedir çok beğendim. alidilekcibey@gmail.com adresine gönderirseniz yada ismini yazarsanız sevinirim.
    1. 6/17/2020
      Merhaba Ali, kullandığım temanın ismi Median UI.
    2. 6/17/2020
      Teşekkürler.
    3. 6/17/2020
      ilkay bey bulamadım e-posta adresime gönderebillirmisiniz.
    4. 6/17/2020
      https://bit.ly/2YYGxo7 linki kopyalayıp tarayıcınının adres çubuğuna yapıştır Ali, iyi bloglamalar.
  5. 4/07/2022
    CSS kodunda display: none; parametresini label ismine tanımlayarak gizliyoruz. Peki label metni Türkçe karakter içeriyorsa CSS içerisinde karakter sorunu yaşanır mı?
    1. 4/07/2022
      Hayır yaşamazsınız.