içinde , ,

Blogger BreadCrump Yapımı

54623470

  Merhaba sevgili Sosyofikir okurları. Sizlere bu yazımda bir çok blogger temasında kullanılmayan ama tema düzenleyicilerinin çok sevdiği bir eklentiyi tanıtacağım. Bu eklenti hem seo için hem de blog’unuzun daha güzel görünmesi için kullanabileceğiniz güzel bir eklentidir. Şimdi öncelikle eklentiyi tanıtalım.

İlk Adım : Blogger panelinden HTML’yi düzenle sekmesinden aşağıdaki kodu bulunuz.

<b:include data=’top’ name=’status-message’/>

İkinci Adım: Yukarıda size verdiğimiz kodun hemen üstüne aşağıdaki kodu yapıştırıyoruz.

<b:include data=’posts’ name=’breadcrumb’/>

Üçüncü Adım: 

<b:includable id=’main’ var=’top’>

Bu kodun hemen üzerine aşağıdaki kodu ekliyoruz. (Temanızda bu kodu bulamadıysanız <b:includable id=’main’ var=’top’> kodu birden fazlaysa <b:include data=’post’ name=’post’/> koduna yakın olanı için adımları uyguluyoruz.)

<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Ana Sayfa </a></span> » <span><data:blog.pageName/></span></div> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- breadcrumb for the post page --> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'> <span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Ana Sayfa </a></span> <b:loop values='data:post.labels' var='label'> » <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span> </b:loop> » <span><data:post.title/></span> </div> <b:else/> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Ana Sayfa </a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == &quot;archive&quot;'> <!-- breadcrumb for the label archive page and search pages.. --> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl'>Ana Sayfa </a></span> » <span>Zaman aralığı <data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl'>Ana Sayfa </a></span> » <span>Bütün Yazılar</span> <b:else/> <span><a expr:href='data:blog.homepageUrl'>Ana Sayfa </a></span> » <span>Şu etikete sahip olanlar; <data:blog.pageName/></span> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:if> </b:includable>
Kod görünümü böyle olmalı :
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Ana Sayfa </a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Ana Sayfa </a></span>
<b:loop values='data:post.labels' var='label'>

 » <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>

</b:loop>
 » <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Ana Sayfa </a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Ana Sayfa </a></span> » <span>Zaman aralığı <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Ana Sayfa </a></span> » <span>Bütün Yazılar</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Ana Sayfa </a></span> » <span>Şu etikete sahip olanlar; <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
              <!-- posts -->
<b:include data='posts' name='breadcrumb'/>
                <b:include data='top' name='status-message'/>

Şimdi son adıma geldik Css kodları üzerinde düzenleme yapmalısınız.

Şimdide şablonumuzda ]]></b:skin> kodunu bularak,hemen üstüne css kodlarını ekliyoruz.

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

Demosu sitemizde vardır.


Sadece Blogger’damı kullanılabiliyor ?
Hayır
WordPress’te de bu eklentiyi kullanabilirsiniz. Buraya tıklayarak WordPress eklentisini ekleyebilirsiniz.

Yazar sosyofikir

Doğu Akdeniz Üniversitesi Mimarlık Fakültesi'nden 2018 yılında mezun oldum. Blog serüvenim yaklaşık 8 sene önce başladı. Hala o eski heyecanımı taşımaktayım. Amacım sizler için kaliteli, özgün ve sıkıcı olmayan kullanıcı tabanlı bir site hazırlamaktır. Teşekkür ederim. Bana her türlü konuda ulaşabilirsiniz.

Bir yorum

Yorum Bırakın
  1. Bu eklentiyle ilgili bir sorum olacak.Herşeyi yaptım çalışıyor fakat etiketi kategorilerden seçmek yerine rastgele seçiyor bunu nasıl düzeltebiliriz?

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Psikoz Ve Fringe

220px Karanlıktakiler filminin afişi

Ruh Çözümlemeleri Ve Çağan Irmak