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.

breadcrumb blog


– 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.

Advertisements

About Legy Masyhury

Hanya manusia biasa, sungguh! :D http://legianto.com http://desainku.net http://masyhury.web.id http://ideku.info
This entry was posted in Tips SEO, Tutorial Blog. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s