Blogger Breadcrumb Navigasyon Eklentisi

aerakman v3 ile kullanmaya başladığım ve yararını oldukça gördüğüm breadcrumb (konum) navigasyon eklentisini sizlerle paylaşmayı gerek duydum. Çünkü gelen bir kaç mailde bloglarına eklediklerini fakat sürekli hatalar aldıklarını söylediler. Umarım benim vereceğim bu eklenti ile hatasız eklersiniz.

Kodlara geçmeden önce bu eklentinin hemen meyve vermesini beklemeyin lütfen. Eklentinin üzerinden biraz zaman geçtiğin de siz de sitenize gelen ziyaretçiler de artış olduğunu fark edeceksiniz. Çünkü bu eklenti Google ve diğer arama motorlarının girdiğiniz etiketlere göre arama sonuçlarını yönlendiriyor.

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

Yukarıdaki kodu bulun ve aşağıdaki kodu hemen öncesine ekleyin. Ancak bu kodun altında şu kod bulunmalıdır. <div class='blog-posts hfeed'>

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'><data:blog.title/></a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187; <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
&#187;Kategorisiz
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; <data:blog.pageName/> Arşivi
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; Tüm Yazılar
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

<div class='blog-posts hfeed'>

kodu aratılıp altına ya da

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

kodu aratılıp üstüne aşağıdaki kodu eklemelisiniz.

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

Son aşama ise eklentimize biraz şekil vermek için kullanılabilir.

CSS kodlarımızı b:skin öncesine ekleyerek aktif hale getirebilirsiniz.

.breadcrumbs{
background-color:#fcfcfc;
border-radius:5px; 
-webkit-border-radius:5px;
-moz-border-radius:5px;
border:1px solid #ddd; 
margin-top:5px; padding:3px; 
border-bottom:2px solid #ddd;
text-align:left;font-size:13px}