Creating Navigate Breadcrum In the Blogs

Unity World - Hail blogger!
Hello There how are you it blogger friend? I hope just fine Amin. At opportunity this time I will be shares how can make a Navigate Breadcrum on your blog. However before blogger friend already know and the understand yet what it means or the definition of the Navigate Breadcrum itself?


Okay, here I will be too describe advance what is Navigate Breadcrum by of my version.


Breadcrum Navigate is one of the navigating menus or trackers to the blog visitors for inform visitors are Where is their are in page time visited your blog at the time. So if the deifying a house, her guest will be inform you that on these time which her was in that moment. Suppose that he was in dining area, the living room, or the other spaces (for example). Is more details please look mate pictures below;

How does already understand it? surely ..

Now we are leading to steps how to create (did make a cakes).

First steps:

* Just log in to dashboards blogger friend blogs.

* Choose Design / Draft.

* And then select a Editing an HTML.

* And do not be forgot check the Expand Widget Template.

A second step:

* Just blogger friend down to this code;

]]></b:skin>

* Having met, and then blogger friend copies the code below, and place them just above the code;

#breadcrumbs {padding:5px 5px 5px 0px;margin: 0px 0px 15px 0px;font-size:10px;line-height: 1.4em;border-bottom:1px dotted #CCCCCC;} 

Third step:
* And then blogger friend search again the following codes;

<b:if cond='data:post.title'>

notes: Usually there is more than one code is, but it was enough one code are the be used.


* After the meet blogger friend and then copies the code below, and place them just above the code;

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &gt; <a expr:href='data:blog.homepageUrl'>Home</a> &gt; <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 != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &gt; <data:post.title/></div> </b:if> </b:if>

Steps fourth :

* Just blogger friend saved / keep blog templates, and see the result by opening up one of the posts in your blog article.

good luck with your - Unity.