Create New Breadcrumb On Blogger

Creating Breadcrumb
Create New Breadcrumb . Friends of the virtual information today kang salman will discuss more tricks to make breadcrumb version breadcrumb kucoba.com and how installation is very easy. In addition, the breadcrumb will not error if in a single article has a lot of categories, unlike the old version kang salman make, if it has more than one category, it will display an error, whereas in this version, the error will not happen again for example you can see below:


Creating Breadcrumb
So nice is not it? any category in a separate article will always be in a coma and it is great for SEO .

If you are interested in creating a breadcrumb like web kucoba.com please follow the tutorial below:

1. Blogger Login   � Select Design   � Click the Edit HTML Tab   � Tick ??Box Expend Widget


2. Find the following code looks like:   <div class='post hentry'>
  or typing   hentry   the search (Press F3 to open the search).


3. Copy the code below, and save it right under the code   <div class='post hentry'>


<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
<span class='Apple-style-span' style='font-family: Verdana, sans-serif;'>Your Are Here</span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUz1f1jLC0bLBr6yD3DULaXyR7wKH-DrwD3TmlV1Lj45iivsLtFT0dpwzW6H6FgbGUNrXW7lkimD7EhGytqVNciZ-cwNSj_Qigt4egWEJouWDG1yVTdm5R4Y9l5U2DSsBn5EXt2WUIjQo/s1600/kangsalman+crumb.gif'/> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
�
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
�
</b:if>
<data:post.title/>
</div>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
<span class='Apple-style-span' style='font-family: Verdana, sans-serif;'> Browse </ span> <img src = 'http://3.bp.blogspot.com/-NmetlNGsaKg / TaTj8FG7UBI/AAAAAAAABQs/hcVC_KgGwH0/s1600/kangsalman + crumb.gif '/> <a expr:href='data:blog.homepageUrl' rel='tag'> Home </ a>
�Archives for <data:blog.pageName/>
</ Div>
</ B: if>

When finished save the template and see the results ...

If you want to use a box (border) in breadcrumbseperti this site, just add the following code, and paste just above ]]></ B: skin> :


. Breadcrumbs {
padding: 0px 10px 8px 5px;
margin: 0px 0px 0px 5px;
font-size: 88%;
border: 1px double
# E6e4e3;
}

The Last saving templates ..

Comrade virtual information , How easy is not it? By posting your blog sitemap breadcrumb now seemingly more professional and besides it is now more SEO friendly with search engines than ever.
Please leave a comment Create New Breadcrumb On Blogger
Do not just copy and paste, read rules here!
Post by Kang Salman 
.
Label:

Arsip Blog