Ana içeriğe atla

Eklediğiniz Widgetleri Sadece Ana Sayfada Görüntüleme veya Sadece Yazı Tıklanınca Görüntüleme

Blogger kullanıcıları bloglarına ekledikleri eklentilerin %90 ını widget ekleme yöntemi ile ekliyorlar.Hal böyle olunca zamanla blog, widget çöplüğüne dönüyor ve keşke şunlar sadece ana sayfada görünse yada ana sayfada görünmesede yazıya tıkladığım zaman  görünse diye içinden geçirenlerin sayısı hergeçen gün artmakta.Size vereceğimiz basit bir kodla eklediğiniz widgetleri isterseniz sadece ana sayfada görüntüleyebilir,yada seçtiğiniz widgeti sadece yazılarınızdan biri görüntülendiği zaman görünmesini sağlayabilirsiniz.
1.Ana Sayfada Sadece İstediğiniz Gadgetin Görünmesi;
Blogumuza önce widgetimizi normal bir şekilde ekleyip kaydediyoruz.Kodlar içerisinde widgetimizi kolay bulabilmek için dikkat etmemiz gereken nokta widgete mutlaka bir başlık eklemek.Kodu uyguladıktan sonra widget başlığını silebiriz.Anlatımızı bir örnek üzerinden sürdürelim;Blogumuza Reklamlar başlıklı bir gadget ekledik, bu gadgetin sadece ana sayfada görünmesini,yazılarımızdan biri tıklanınca kaybolmasını istiyoruz.
 Kumanda Paneli >Tasarım>Htmlyi Düzenle yolunu takip edip widget şablonlarını genişlet kutucuğunu işaretliyoruz ve kodlar içerisinde Ctrl+F yardımı ile gadgetimizin başlığı olan Reklamlar kelimesini aratıyoruz (Siz kendi widget başlığınızı aratacaksınız).
Bulduğumuz kod aşşağıdaki gibi olacak.
<b:widget id='HTML3' locked='false' title='Reklamlar' type='HTML'>
<b:includable id='main'>
  <!-- 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:includable>
</b:widget>
Şimdi bu koda ekliyeceğimiz iki satır kod ile(mavi renkli olarak belirttim) widgetimizin sadece ana sayfada görünmesini sağlıyacağız.Kodlar içerisinde bulduğumuz yukarıdaki kodun yerine aşşağıdaki kodu kopyalayıp yapıştırıyoruz.
<b:widget id='HTML3' locked='false' title='Reklamlar' 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>
Şablonumuzu kaydedip çıkıyoruz.Reklamlar widgeti artık sadece ana sayfada görünecek,kodu başarılı bir şekilde uyguladıysanız bir yazıyı tıkladığınızda kodu uyguladığınız gadgetin görünmediğini farkedeceksiniz.
2.Sadece Yazılarınız Tıklanınca Widgetin Görünmesi;
Yukarıda yaptığımızın aynısını burda da yapıyoruz sadece eklediğimiz kod farklı olacak.Örnek üzerinden anlatıma devam edelim;Blogumuza Reklamlar adlı bir widget ekledik ve bu widgetin ana sayfada değilde sadece yazılarımız tıklanınca görünmesini istiyoruz.Yapmamız gereken işlem;Reklamlar widgetimizi normal olarak ekliyoruz.Kumanda Paneli >Tasarım>Htmlyi Düzenle yolunu takip edip widget şablonlarını genişlet kutucuğunu işaretliyoruz ve kodlar içerisinde Ctrl+F yardımı ile gadgetimizin başlığı olan Reklamlar kelimesini aratıyoruz (Siz kendi widget başlığınızı aratacaksınız).
Bulduğumuz kod aşşağıdaki gibi olacak.
<b:widget id='HTML3' locked='false' title='Reklamlar' type='HTML'>
<b:includable id='main'>
  <!-- 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:includable>
</b:widget>
Şimdi bu koda ekliyeceğimiz iki satır kod ile(mavi renkli olarak belirttim) widgetimizin sadece yazılarınız tıklanınca görünmesini sağlıyacağız.Yukarıdaki kodun yerine aşşağıdaki kodu kopyalayıp yapıştırıyoruz.
<b:widget id='HTML3' locked='false' title='Reklamlar' 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>
Şablonumuzu kaydedip çıkıyoruz.Reklamlar widgeti artık sadece yazılarınız tıklanınca görünecek,kodu başarılı bir şekilde uyguladıysanız bir yazıyı tıkladığınızda kodu uyguladığınız gadgetin göründüğünü farkedeceksiniz.

Yorumlar

berkan güveçoğlu dedi ki…
güzel paylaşım kardeşim dökdürüyorsun gene :)
rabia dedi ki…
bunu sizin paylaştığınız dinamik widgetlerle denedim dinamikliğiniyitirdi :S
Serhat. dedi ki…
ne yaparsam olmuyor. 

benim kodum şu:

                   

lütfen yardım :(
mesut sen dedi ki…
mukemmel bir paylasim yaptim ve oldu super...
Asddfg dedi ki…
Ya benim gadgetim alta numaralandırma varya sayfa 1-2-3.. diye işte bu olay her katagori için geçerli olucak bişey varmı yani anasayfadakı katagoriler kendini ama baska bi katagoriye tıkladıgımda yine numaralnadırma olmuyor sayfa uzayıp gidiyor?
Blog Okulu dedi ki…
eğer kategorilendirme işlemini yaptıysanız aynen dediğiniz gibi oluyor zaten.Kategori işlemini burdan yapabilirsiniz.
menzilduragı dedi ki…
serdar hocam bu emegıne saglık sayende yol alıyorum eywallah
Nooname06 dedi ki…
Merhaba Ben Sizin Tasarımınıza Talıbım
Blog Okulu dedi ki…
nasıl yardımcı olabilirim? iletişim kısmından mesaj atabilirsiniz.

Bu blogdaki popüler yayınlar

Blogger Arama Kutusu Ekle (Renkli)

Blogunuzdaki içerik sayınız arttıkça zamanla siz bile yazdığınız şeyi blogunuzda bulmak için baya bir vakit harcarsınız, birde blogunuza gelen ziyaretçileri düşünün, bu yüzden blogunuza gelen ziyaretçilerin aradığını rahatlıkla bulabilmesi için blogunuza mutlaka arama kutusu eklemelisiniz.Blogger kullanıcıları blogunuza özel entegrasyonu yapılmış ve temanızın rengine uygun arama kutusunu blogunuza basit bir yöntemle ekleyip ziyaretçilerinizin blogunuzda aradığını anında bulmalarına yardımcı olabilirsiniz. Arama kutularını blogunuza eklemek için: Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javasript yolunu takip edip hangi arama kutusunu blogumuza eklemek istiyorsak aşşağıdaki kodlardan ona ait olan kodu kopyalıyoruz, açılan gadgetimizin içine yapıştırıp kaydediyoruz. 1.Arama Kutusu Stili: <style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL2qoP6OS9Baq9nf_keINdlxQLx8Nw07fwr-YowYEuE_tFmMaDVXELtSsqyZuM...

Bayraklı Google Translete Kodu-Sitene Dil Kodu

Blogumuza farklı ülkelerden ziyaretçiler gelebilir.Hepimiz dünyanın tüm dillerini okuyup anlayamayız.Yabancı bir blogu ziyaret ettiğimde sayfa linkini kopyalıyorum daha sonra google çevri bölümünden sitenin çevrisini yapıyorum.Fakat her defasında bu işlemi yapmak angarya geliyor kopyala-yapıştır-bekle, bu angaryadan yabancı ziyaretçilerininizi kurtarmanın vakti geldi artık.Sitenize ekleyeceğiniz bayraklı, flash ile yapılmış google translete kodunu sitenize ekleyip gelen ziyaretçilerin  ülkelerinin bayraklarının üzerine tıklayarak sitenizin bütün içeriklerini kendi dillerine çevirebilecekler.Eklentiyi blogubuza eklemek isterseniz. Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javascript yolunu takip edip aşşağıdaki kodu açılan gadgetimizin içine yapıştırıp kaydediyoruz.Ardından bayrakların, blogumuzda görünmesini istediğimiz yerine sürükleyip bırakıyoruz. <style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;...

Son Yorumlar Eklentisi-Blogger Son Yorumlar Eklentisi

Bloğunuza yapılan  Son Yorumlar ın bir köşede liste halinde görünmesini sağlayan "Son Yorumlar" Eklentisini  eklemenin çeşitli yöntemleri var.Bugün sizlere "Son Yorumlar" eklentisini bloğunuza nasıl ekliyebileceğinizi  iki yöntemle anlatacağız; 1.Yöntem: Bloğunuzun yönetim panelindeki Tasarım sayfasından "Son Yorumları" Gadget olarak ekleme yöntemi.  2.Yöntem: Bloggerde bulunan bir eklenti üzerinde yapacağımız ufak bir hile ile bloğumuza "son yorumlar" eklentisi ekliyeceğiz. 1.Yöntem: Bloğunuzun yönetim panelindeki Tasarım sayfasından "Son Yorumları" Gadget olarak ekleme yöntemi: Tasarım>Gadget Ekle>Html/Javascript Gadgetini seçiyoruz.Başlık olarak "Son Yorumlar" yada isteğinize göre bir başlık yazabilirsiniz.Başlığımızı yazdıktan sonra aşşağıdaki kodu kopyalayıp gadgete yapıştırıyoruz.Burda dikkat etmemiz gereken nokta kırmızıyla yazdığımız yere kendi site adresinizi yazmanız. <script style="text/javascrip...