Cara Membuat BreadCrumb Terindex Goole | Simple Breadcrumb

Cara Membuat BreadCrumb Terindex Goole | Banyak jalan menuju roma, begitu kata pepatah, mulai jalan yang berliku-liku sampai jalan yang lurus :D. Banyak cara membuat breadcrumb mulai dari cara yang susah sampai yang mudah. Namun, kali ini kita akan membahas cara membuat breadcrumb terindex google dan cara ini termasuk cara yang paling simple yang saya perdapatkan.

Cara membuat breadcrumb terindex google dengan cara yang sangat simple. Kenapa saya katakan cara ini sangat simple, karena cukup dengan mencari suatu kode, kemudian menggantikan dengan kode breadcrumb, langsung jadi.

Cara membuat breadcrumb terindex google ini anda tidak perlu banyak2 mengutak atik kode template. Dulu saya pernah dapatkan cara membuat breadcrumb ini di google.com, namun sangat sukar, sangat banyak kode yang harus kita ganti, cari ini, ganti itu, ganti ini cari itu lagi,,, pokoknya ribet. Tapi Alhamdulillah kali ini Cara membuat breadcrumb terindex google ini sangat gampang alias simple. OK, langsung aja kita mulai.

Cara Membuat BreadCrumb Terindex Goole| Blogspot


1. Edit HTML, centang widget template, cari kode ]]></b:skin> , biar mudah CTR + F, paste kode berikut diatas kode tadi.

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}

2. Cari kode ini <b:includable id='main' var='top'>

Kemudian gantikan dengan kode beikut

<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'>Home</a></span> &#187; <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'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <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'>Home</a></span> &#187; <span>Archives for <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'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <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'>
<b:include data='posts' name='breadcrumb'/>

Akhirnya, Save TAEMPLATE. Lihat apa yang terjadi.

Semoga Cara Membuat BreadCrumb Terindex Goole ini bisa menjadi bermanfaat. :) happy blogging

loading...

1 komentar: