1. Log in ke dashboard blogger > Template > Edit HTML > Proceed > Expand Widget Template
2. Masukan kode css dibawah ini pada template blog, Apabila dalam kode css template kamu sudah ada kode css untuk breadcrumbs maka kamu bisa mengabaikan langkah pada Cara Membuat Breadcrumbs Terindex Google ini dan masuk ke langkah selanjutnya
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
color:#999;
}
3. Cari kode <b:include data='top' name='status-message'/> kemudian masukan kode berikut ini tepat dibawahnya :<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span xmlns:v='http://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:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> >
<span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
<b:else/>
>Unlabelled
</b:if>
> <span typeof='v:Breadcrumb'><strong class='breadcrumb_last' property='v:title'><data:post.title/></strong></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> > Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> > All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> > <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:include data='posts' name='breadcrumb'/>
4. Jika dalam template kamu sudah terpasang breadcrumbs tapi belum bisa terindex di google maka tambahkan kode merah yang ada pada script diatas sesuai dengan home, label, dan judul artikelnya.5. Save Template kemudian cek tampilan blog kamu pada hasil pencarian dengan menggunakan tools di Richsippets Google .
Posting Komentar