How to Create Breadcrumb Navigation on Blog

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

Ditulis Oleh : Admin

Judul Artikel "How to Create Breadcrumb Navigation on Blog" Jika salin Artikel How to Create Breadcrumb Navigation on Blog, mohon mencantumkan sumber link https://www.satelit.net/2014/03/how-to-create-breadcrumb-navigation-on.html. Salam from Satelit Network

:: Web Hosting Indonesia ::

 
 
Copyright © Satelit Web Hosting