Tuesday 26 July 2011

ADD breadcrump to your blog


1. Go to your Dashboard >> Design >> Edit HTML >> Check Expand Widget Templates.
2. Search this code (Ctrl + F), ]]></b:skin>

3. Add the code below, just under the ]]></b:skin>
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #333333;
}
]]></b:skin>

4. Now search this code (Ctrl + F),
<b:include data='top' name='status-message'/>

5. Replace it with this code,
<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>

6. Then, find this code,
<b:includable id='main' var='top'>

7. Replace it with this code.

8. Save your template and DONE!

No comments: