Cara Membuat Breadcrumb di Blog

Cara Membuat Breadcrumb di Blog.  Breadcrumb ini adalah sejenis menu navigasi yang terletak di atas postingan. Di navigasi breadcrumb akan di tuliskan urutan isi halaman home sampai ke posting artikel yang dibaca. Membuat Breadcrumb di blog termasuk dalam optimasi SEO pada blog kita agar SEO Friendly Template. Nah, dalam membuat Breadcrumb ini cukup mudah. Nanti hasilnya seperti dibawah ini.

Cara Membuat Breadcrumb Pada Blog agar SEO Friendly.

– login dulu ke blog anda

– pilih rancangan –> Edit HTML –> Jangan lupa centang Expand Widget Template.

– copy kode dibawah ini dan letakkan di atas kode ]]></b:skin>

.breadcrumbs {padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height:1.4em; border-bottom:3px double #e6e4e3;}

– Lalu copy kode berikut dan letakkan di bawah kode <b:include data=’top’ name=’status-message’/>

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

– Kemudian cari kode <b:includable id=’main’ var=’top’>. Lalu copy kode di bawah ini dan letakkan tepat di atas kode tadi.

<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 == “item”‘> <!– breadcrumb for the post page –> <p class=’breadcrumbs’> <span class=’post-labels’> <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> <b:else/> »Unlabelled </b:if> » <span><data:post.title/></span> </b:loop> </span> </p> <b:else/> <b:if cond=’data:blog.pageType == “archive”‘> <!– breadcrumb for the label archive page and search pages.. –> <p class=’breadcrumbs’> <span class=’post-labels’> <a expr:href=’data:blog.homepageUrl’>Home</a> » Archives for <data:blog.pageName/> </span> </p> <b:else/> <b:if cond=’data:blog.pageType == “index”‘> <p class=’breadcrumbs’> <span class=’post-labels’> <b:if cond=’data:blog.pageName == “”‘> <a expr:href=’data:blog.homepageUrl’>Home</a> » All posts <b:else/> <a expr:href=’data:blog.homepageUrl’>Home</a> » Posts filed under <data:blog.pageName/> </b:if> </span> </p> </b:if> </b:if> </b:if> </b:if> </b:includable>

– Klik save dan lihat hasilnya.

Semoga Cara Membuat Breadcrumb di blog agar seo friendly bermanfaat buat anda.

kowandy.com

Advertisements