Blogger Widget'larını Sayfaya Özel Yapma Rehberi

Yazı Boyutu Ayarla büyüt (A+) (A-) küçült

 Blogger Widget'larını Sayfaya Özel Yapma Rehberi

Sidebar gibi kolonlara eklediğiniz üçüncü taraf eklentileri (HTML widget'ları), sadece ana sayfada, yazı sayfalarında, arşivlerde veya istediğiniz belirli yerlerde görünecek şekilde ayarlanabiliyor. Bu sayede blogunuzun tasarımını daha temiz ve hedefe yönelik hale getirebilirsiniz. 


1. Widget Kodunu Bulun

Blogger panelinden Yerleşim > HTML'yi Düzenle bölümüne gidin.


Widget Şablonlarını Genişlet kutucuğunu işaretleyin.


Ctrl+F ile şu benzer kodu arayın:

<b:widget id='HTML5' locked='false' title='Eklentinize verdiğiniz isim görünecek' type='HTML'>


Not: 'HTML5' kısmındaki sayı (1, 2, 3 vb.) blogunuza göre değişebilir. Sadece <b:widget id='HTML aratarak tüm HTML widget'larınızı listeleyin ve istediğinizi seçin.


2. Koşullu Gösterim Ekleyin

Seçtiğiniz widget'ın <b:includable id='main'> bölümüne iki satır ekleyin:


İlk satır: Gösterim koşulu (aşağıdaki seçeneklerden birini seçin).


İkinci satır: </b:if> (koşulun kapanışı).


İstediğiniz senaryoya göre tam kodları aşağıda veriyorum. Kırmızı renklendirilmiş kısımları (koşulları) doğrudan kopyalayın.


2.1. Sadece Ana Sayfada Gösterim

text

<b:widget id='HTML3' locked='false' title='Eklentinize verdiğiniz isim' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>

</b:widget>

2.2. Sadece Yazı Sayfalarında Gösterim

text

<b:widget id='HTML3' locked='false' title='Eklentinize verdiğiniz isim' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.pageType == "item"'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>

</b:widget>

2.3. Sadece Arşiv Sayfalarında Gösterim

text

<b:widget id='HTML3' locked='false' title='Eklentinize verdiğiniz isim' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.pageType == "archive"'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>

</b:widget>

2.4. Ana Sayfa Dışında Her Yerde Gösterim

Ana sayfa hariç yazı, arşiv ve statik sayfalarda görünür (koşulu != "index" yapın, ama örnekte item bazlı uyarlandı).


2.5. Sadece Belirli Statik Sayfada Gösterim

text

<b:widget id='HTML3' locked='false' title='Eklentinize verdiğiniz isim' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.url == "STATIK-SAYFA-URL"'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>

</b:widget>

STATIK-SAYFA-URL yerine sayfa linkinizi yazın, örneğin: http://blogunuz.blogspot.com/p/ornek-sayfa.html


2.6. Belirli Bir Sayfada Gizle (Diğer Her Yerde Göster)

Widget'ın main bölümünü şu şekilde sarın:


text

<b:if cond='data:blog.url != "OZEL-SAYFA-URL"'>

[Orijinal widget içeriği buraya]

</b:if>

OZEL-SAYFA-URL yerine gizlemek istediğiniz sayfanın tam linkini girin.


Son Adımlar

Değişiklikleri kaydedin ve blogunuzu test edin. Her koşul, widget'ı sadece belirttiğiniz sayfada aktif eder. Sorun yaşarsanız yedeğinizden dönün.


Bu yöntemle blogunuzu profesyonelce özelleştirebilirsiniz! blogger,widget,rehber

0 Yorum:

Yorum Gönder