Add Breadcrumb Navigation In SharePoint 2010

Breadcrumb Navigation look like this

1. Code under the Top navigation div or below this syntax
<div id="s4-statusbarcontainer"><div id="pageStatusBar" class="s4-status-s1"></div></div>

Put this Master Page:

<div class="SolidBreadCrumb">
	<asp:SiteMapPath	runat="server"
		SiteMapProviders="SPSiteMapProvider,SPXmlContentMapProvider"
		RenderCurrentNodeAsLink="false"
		NodeStyle-CssClass="SolidBreadCrumb"
		CurrentNodeStyle-CssClass="SolidBreadCrumbCurrent"
		RootNodeStyle-CssClass="SolidBreadCrumbRoot"
		HideInteriorRootNodes="true"
		SkipLinkText=""/>
</div>

2. And CSS:

/* Breadcrumb styles */
.SolidBreadCrumb
{
    font-family: Arial, Segoe UI, Verdana, sans-serif; 
    color: #003F50;
    clear:both;
    font-size:9pt; 
    padding-left:7px;
    padding-bottom:2px;
    padding-top:4px;
    border-bottom:1px #003F50 solid;
    margin-bottom:4px;
}
.SolidBreadCrumb a, .SolidBreadCrumb:active, .SolidBreadCrumb a:active
{
	padding-left:0px;
	padding-right: 0px;
	text-decoration:none;
   	color: #003F50;
}
.SolidBreadCrumb a:hover
{
	text-decoration:underline;
}
.SolidBreadCrumbCurrent
{
	font-weight:bold; 
}