breadcrumb valid html5 under blogger
kemaren ku ganti template dan pasang rischsnipet breadcumb valid html5 ternyata hasilnya ada yang eror saat di validasi html5 di w3c org nya terus apa kegunaan breadcumb ini? breadcumb adalah navigasi untuk memudah kan pengunjung mengetahui sedang berada dimana /posisi dalam web kita
dan untuk kode eror yang di valid html5 saat memasang breadcumb sebelumnya adalah
1.login ke dashboard blogger
2.pilih template lalu back up template (menghindari eror tmplte)
3.klik edit html
4.lalu pasang kode css ini
klik 2x untuk copy
5.Cari kode
klik 2x untuk copy kode
7.bila anda sudah malas merubah lagi karena sudah memasng breadcumb sebelumnya anda coba cari kode ini
klik 2x untuk copy kode
itulah langkah yg kugunakan pasang breadcumb valid html5 under blogger semoga membantu :)
incoming search term
dan untuk kode eror yang di valid html5 saat memasang breadcumb sebelumnya adalah
baiklah setelah saya nyari preferensi akhirnya ku mendapatkan ganti nya yaitu breadcumb valid html5 under blogger langkah pasang nya sbb :<div class='breadcrumbs' xmlns:v='https://rdf.data-vocabulary.org/#'>
1.login ke dashboard blogger
2.pilih template lalu back up template (menghindari eror tmplte)
3.klik edit html
4.lalu pasang kode css ini
klik 2x untuk copy
kode css tersebut pasang sebelum kode.breadcrumbs{padding:0px 5px 5px 0;
margin-bottom:20px;
margin-top:0px;
font-size:11px;
color:#5B5B5B;
border-bottom:1px dotted #bbb;}
]]></b:skin>
bila templte sobat dah di modif pasang saja sebelum </style>5.Cari kode
<b:includable id='main' var='top'>
kemudian ganti denganklik 2x untuk copy kode
6. save template anda<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'>Home</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 class='breadcrumbs'> <span itemscope='' itemtype='https://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' itemprop='url'>
<span itemprop='title'>Home</span></a></span> <b:loop values='data:post.labels' var='label'> » <span itemscope='' itemtype='https://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url' itemprop='url'>
<span itemprop='title'><data:label.name/></span></a></span> </b:loop> » <span><data:post.title/></span> </div> <b:else/> <div class='breadcrumbs'>
<span>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span>
» <span>Unlabelled</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'>Home</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'>Home</a></span> »
<span>All posts</span> <b:else/> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> »
<span>Posts filed under <data:blog.pageName/></span> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable id='main' var='top'> <b:include data='posts' name='breadcrumb'/>
7.bila anda sudah malas merubah lagi karena sudah memasng breadcumb sebelumnya anda coba cari kode ini
dan ganti dengan kode ini<div class='breadcrumbs' xmlns:v='https://rdf.data-vocabulary.org/#'> <span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span> <b:loop values='data:post.labels' var='label'> » <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
klik 2x untuk copy kode
8. save template anda<div class='breadcrumbs'> <span itemscope='' itemtype='https://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span> <b:loop values='data:post.labels' var='label'> » <span itemscope='' itemtype='https://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
itulah langkah yg kugunakan pasang breadcumb valid html5 under blogger semoga membantu :)
incoming search term