Test CSS
#navbar-iframe{height:0;visibility:hidden;display:none}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}
body{background:#0088cc;color:color: rgb(51, 51, 51);margin: 0 auto;font-family: 'OpenSans',sans-serif;font-size: 15px;word-wrap: break-word;}
a:link,a:visited{color:#0088cc;text-decoration:none}
a:hover,#nav a:hover,#header a:hover,.post h2 a:hover,.footer a:hover,#nav h1 a:hover,#nav h2 a:hover {color:#e65c00; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
a img{border-width:0}
img, #header_right img{max-width:98%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
#clear,.clear{clear:both}
#wrapper{background:#fff;width:812px;margin: 10px auto; padding:0 10px 10px 10px;border: 1px solid #666;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#content-wrapper{background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1);margin:0 auto;padding:10px 10px 0 10px; overflow:hidden;width:790px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #999}
#main-wrapper{margin:0 ;width:790px;display:inline;float:left;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
Test HTML
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Beranda</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'><div itemscope='itemscope' itemtype='http://schema.org/WebPage'>
<div class='breadcrumbs' itemprop='breadcrumb'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url' title='Beranda'>Beranda</a></span>
<b:loop values='data:post.labels' var='label'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' expr:title='data:label.name' property='v:title' rel='v:url'><data:label.name/></a><b:if cond='data:label.isLast == "true"'/></span>
</b:loop>
» <span><data:post.title/></span>
</div></div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Beranda</a></span> » <span>Tanpa Label</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Beranda</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Beranda</a></span> » <span>Semua Posting</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Beranda</a></span> » <span>Posting dalam <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
Posting Komentar