How to Create Breadcrumb Navigation on Blog

Tidak ada komentar 363 views
How to install / gives way to add breadcrumb navigation or breadcrumb navigation or how to create a menu lined above in a blog post .

Navigasi Breadcrumb 

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

author
Tidak ada Respon

Tinggalkan pesan "How to Create Breadcrumb Navigation on Blog"

This site uses Akismet to reduce spam. Learn how your comment data is processed.