Blogger Sadece Anasayfada Gösterme - Gizleme Kodları

Blogger için sadece anasayfa'da,mobilde vs. göstermek veya gizlemek için gerekli kodlar

Bu kodlar sayesinde blogunuzda bulunan bazı HTML kodlarını bazı bölümler için gizleyebileceksiniz. Örneğin bir reklam kodunuz var ve bu kodu sadece anasayfa'da görünmesini istiyorsunuz. Aşağıda ki kodlar sayesinde bunu yapabileceksiniz.

Adım 1 : Şimdi web siteme girdim. Ben örnek olarak slider alanını sadece anasayfa'da görünmesini istiyorum. Altta ki görsele bakarak slider alanımın hangi div veya id de olduğunu buluyorum. Sliderin üzerine gelip sağ tıkla öğeyi incele yaparakta inceleyebilirsiniz. Veyahut kısayol F12 tuşu ile bakabilirsiniz.

id="slider" yazan kısmı buldum burası benim slider'imin yeri bu yazı sayesinde kodlarda arama yaparak bulacağım.

Adım 2 : Blogger arayüzüne giriyoruz ve Tema > HTML'yi Düzenle diyoruz.

Herhangi bir kod satırına tıklayıp CTRL+F tuşları ile arama kısmına slider yazıyorum.

Slider i arayıp bulduktan sonra gelen kod şu şekilde olması gerekiyor. Tahimini hemen hemen aynı kodlamalar

Aşağıda vermiş olduğum kodlar sayesinde slider im artık sadece anasayfada görünüyor. Ben slider için yaptım sizler başka türden HTML kodları için yapabilirsiniz. Yardımcı olmamı istediğiniz bir durum olursa yorum atabilirsiniz.

Konu Misafir kullanıcı yorumu üzerine tekrar daha uzun bir şekilde düzenlenmiştir. Umarım açıklayıcı olmuştur.

Kodlar : 

Anasayfada görünsün veya gizlensin

<b:if cond='data:view.isHomepage'>
       Anasayfa da görünecek kodlar buraya
</b:if>
<b:if cond="data:blog.url != data:blog.homepageUrl">Anasayfada gösterilmesini istemediğini kodları buraya yazabilirsiniz.</b:if> 

Yazı içerisinde gösterilen kodlar

<b:if cond='data:view.isPost'> Yazı içerisinde gösterilmesini istediğiniz kodları yapıştırın. </b:if>
ikiside uygundur.
<b:if cond='data:blog.pageType != "item"'> Yazıdayken gösterilmesini istemediğiniz kodları yapıştırın </b:if>

Sabit p sayfalarda gösterilmesi veya gösterilmemesi istenen kodlar

<b:if cond='data:view.isPage'>Sabit sayfalarda gösterilmesini istediğiniz kodları yapıştırın </b:if>
ikiside uygundur.
<b:if cond='data:blog.pageType != "static_page"'> Sabit sayfalarda gösterilmesini istemediğiniz kodları yapıştırın  </b:if>

Mobil kodları

<b:if cond='data:blog.isMobile'> Mobilde görünmesini istediğiniz kodlar </b:if>
ikiside uygundur.
<b:if cond='data:blog.pageType != "data:blog.isMobile"'> Mobilde görünmesini istemediğiniz kodlar  </b:if>

Blogger herhangi bir widgetı veyahut kodu sadece anasayfa da göstermek yada gizlemek için kullanılan kodlar bu şekilde işlemektedir.

Google News Proje ve Kod Paylaşım Platformu
Ali Köklü

Ali Köklü

İn another universe
Ankara
Kırşehir - ABE 358 - AEÜ - Computer Programmer

Yorumlar (4)
  1. hocam şu olayı biraz daha detaylı olarak anlatma imkanınız var mı acaba? Bu kod ile ne yapıyoruz tek sayfa mı oluyor tema örnek demo vs. güzel olabilir. Ayrıca kodları hangi bölüme giriyoruz.

    YanıtlaSil
    Yanıtlar
    1. Konuya anlatım videosu eklenmiştir. Umarım yardımcı olabilmişimdir. Videonun sesi yarısında düzeliyor mikrofondan dolayı sıkıntı oldu kusura bakmayın.

      Sil
  2. yarım yamalak anlattığın iyi olmuş googleye dönüp düzgün anlatan yer buldum.

    YanıtlaSil
    Yanıtlar
    1. Yorumunuz üzere konu daha da detaylandırıldı. Umarım faydalı olmuştur.

      Sil

Yorum Gönder

Konu hakkında yorumlarınızı bekliyorum teşekkürler.
Konunun alıntı veya yasal olmayan bir durum arz ettiğini düşünüyorsanız iletişim yolu ile bize ulaşarak bildirebilirsiniz hak ihlali durumlarında 3 iş günü içerisinde konu kaldırılacaktır.
Dipnot...!
Kırık ve eksik linki yorum olarak bildirin konu 24 saat içerisinde düzenlenecektir.

Bültenimize Abone Ol

Bültenimize abone olarak, yeni yayınlanan içerilerden haberdar olun!

İletişime Geç

Bizimle iletişime geçerek soru, istek, hata gibi bir durum hakkında yazabilirsin!

İletişim Formu