how to install Breadcrumbs

Breadcrumbs are a navigational aid to link categories and sub categories that provide information from the main categories and linking the various sequences of these navigasi.Breadcrumbs the designation for your blog or website visitors to more easily reach a page by category, view the first page sebelumnya.Dan as for primary and how to install the navigation breadcrumbs at the bloggers are:
1. Log in to Blogger dashboard select the layout and then select edit HTML and check the "Expand Widget Templates" check box 2. Backup your templete first to avoid if an error occurs 3.Klik on Expand Widget Templates box 4. Copy the code below and paste the above code ]]></ b: skin>

  . Breadcrumbs {padding: 5px 5px 5px 0px; margin: 0px 0px 0px 15px; font-size: 95%; line-height: 1.4em; border-bottom: 3px double # e6e4e3}
4. Then find the code below (Use Ctrl + F to search for code)
<b:include data='top' name='status-message'/>
and replace the above code with the code below:
<b:include data='top' name='status-message'/> <b:include data='posts' name='breadcrumb'/>
5. Then find the code below (Use Ctrl + F to search for code)
<b:includable id='main' var='top'>
and replace the above code with the code below:
<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'> == <div class = 'post-labels '> == cond='data:blog.pageName <b:if ""'> <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> <b:includable id='main' var='top'>
And now you have to have navigation breadcrumbs on your blog. Good luck and hopefully useful ....