Sıcak sıcak, yeni çıktı !

Yazarlarımız

Blogger BreadCrump Yapımı

30 Kasım 2012 Cuma
  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.

1 yorum:

  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?

    YanıtlaSil

Türkçe dil kurallarına lütfen dikkat edelim.
Yorumunuz en kısa sürede yayınlanacaktır..
Yorumlarınız bizim için değerlidir.