How to install / gives way to add breadcrumb navigation or breadcrumb navigation or how to create a menu lined above in a blog post .
What is a navigation breadcumb ? Jump to breadcrumb navigation is a form of blog content so that we can help visitors more easily to crawl blog content . So how do I make the breadcrumb navigation ? It's easy ! Here I will menulas how to create breadcrumb navigation menu on the blog :
1 . Login to the blog buddy >> Click Template >> Edit HTML .
2 . Then find cond='data:post.title'> <b:if code ( can use CTRL + F or F3 ) . If there are two choose the first code .
3 . Then copy the code below was put under <b:if cond='data:post.title'> .
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumb'>
<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
>
4 . Then find this code ] ] > < / b : skin>
5 . Place the following code in the above code number 4
. breadcrumb {padding : 5px 5px 5px 0px ;margin : 0px 0px 0px 10px ;font-size : 90 % ;line-height : 1.2em ;border-bottom : 3px double # e6e4e3 ;}
6 . Save Template and see the results . How to Create Breadcrumb
1 . Login to the blog buddy >> Click Template >> Edit HTML .
2 . Then find cond='data:post.title'> <b:if code ( can use CTRL + F or F3 ) . If there are two choose the first code .
3 . Then copy the code below was put under <b:if cond='data:post.title'> .
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumb'>
<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
>
4 . Then find this code ] ] > < / b : skin>
5 . Place the following code in the above code number 4
. breadcrumb {padding : 5px 5px 5px 0px ;margin : 0px 0px 0px 10px ;font-size : 90 % ;line-height : 1.2em ;border-bottom : 3px double # e6e4e3 ;}
6 . Save Template and see the results . How to Create Breadcrumb
Posting Komentar