Blogger BreadCrump Yapımı

  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>

<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;
}