Breadcrumb Blogger a Nasıl Eklenir

Blogunuzu yazarken eminim bir hiyerarşi yapısı  kullanıyorsunuzdur.Örneğin bu blogda olduğu gibi Home>>>Bloggeriucları>>>Blogger a Breadcrumb Nasıl Eklenir.Tabii bu yapıyı blogunuzu ziyaret edenlerle paylaşarak onlara şu an blogun hangi kısmında yer aldıklarını gösterebilirsiniz.Bu sayede blogunuzu ziyaret edenler bir ksımdan başka kısıma rahatlıkla hareket edebilecekler.Ayrıca blogunuzu bu şekilde yapıya dönüştürmek arama motoru optimizasyonu için de blogunuza fayda sağlayacaktır.

Aşağıdaki resimden blogunuzda nasıl bir değişiklik yapacağımızı görebilirsiniz:

Şimdi gelelim nasıl ekleyeceğimize:

1)Blogger hesabımıza giriş yapıyoruz.

2)Design>>>Edit Html kısmına gelerek aşağıdaki kodu aratıyoruz:

]]></b:skin>

Yukarıdaki kodun hemen üzerine aşağıdaki kodu yapıştırıyoruz:

.breadcrumbs
{
float: left;
width: 590px;
font-size: 11px;
margin: 5px 10px 20px 10px;
padding: 0px 0px 3px 0px;
border-bottom: double #EAEAEA;
}

3)Daha sonra aşağıdaki kodların olduğu kısmı arıyoruz:

<b:includable id='main' var='top'>
< !-- posts -->
< div class='blog-posts hfeed'>
< b:include data='top' name='status-message'/>
< data:adStart/>

3. adımdaki  kodun tamamını aşağıdaki kodla değiştiriyoruz:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on front page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl' rel='tag'>Home</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 == "true"'> » <a expr:href='data:label.url' rel='tag'><data:label.name/></a> </b:if> </b:loop>
» <span><data:post.title/></span> </b:if> </b:loop> </div>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/> </div> <b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » All posts <b:else/>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> »
Posts filed under <data:blog.pageName/>
</b:if> </div> </b:if> </b:if> </b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<!-- disable default status message
<b:include data='top' name='status-message'/>default status message disabled -->
<b:include data='posts' name='breadcrumb'/><data:adStart/>

Şimdi şablonunuzu kaydedin.Hepsi bu kadar !!!

Herhangi bir yazı sayfanızı ziyaret edin.Değişikliği göreceksiniz.