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
breadcumb valid html5 under blogger


dan untuk kode eror yang di valid html5 saat memasang breadcumb sebelumnya adalah


<div class='breadcrumbs' xmlns:v='https://rdf.data-vocabulary.org/#'>
baiklah setelah saya nyari preferensi akhirnya ku mendapatkan ganti nya yaitu breadcumb valid html5 under blogger langkah pasang nya sbb :
 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
.breadcrumbs{padding:0px 5px 5px 0;
             margin-bottom:20px;
             margin-top:0px;
             font-size:11px; 
             color:#5B5B5B;
             border-bottom:1px dotted #bbb;}
kode css tersebut pasang sebelum kode ]]></b:skin> bila templte sobat dah di modif pasang saja sebelum </style>
5.Cari kode <b:includable id='main' var='top'> kemudian ganti dengan
klik 2x untuk copy kode
<b:includable id='breadcrumb' var='posts'> 
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'>
 <span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> 
</span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- 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'>
  &#187; <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>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'>
 <span> 
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> 
 &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; 
<span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; 
<span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187;  
<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'/>
6. save template anda
7.bila anda sudah malas merubah lagi karena sudah memasng breadcumb sebelumnya anda coba cari 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'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
dan ganti dengan kode ini
klik 2x untuk copy kode

<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'>
  &#187; <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>
8. save template anda
 itulah langkah yg kugunakan pasang breadcumb valid html5 under blogger semoga membantu :)






incoming search term
html5 ,breadcumb valid html5 ,richsnipet html5

Komentar

Posting Komentar

jangan berkomentar berbau sara dan spam :)