Membuat Breadcrumb di Blogspot

Langsung saja tutorialnya

Masuk ke Blogger Anda > Rancangan > edit HTML > klik Expand Template Widget
Cari Kode berikut:
<div class=’post hentry’>
Kode diatas tidak ketemu?
Cari Kode di bawah ini:
<div class=’post hentry uncustomized-post-template’>
Kalau saya yang ketemu kode berikut:
<div class=’post hentry’>
Masukan kode dibawah ini tepatnya di bawah post hentry atau post henty uncustomized
<!– Breadcrumb FZB –>
<b:if cond=’data:blog.homepageUrl == data:blog.url’> <b:else/> <b:if cond=’data:blog.pageType == &quot;item&quot;’> <div class=’breadcrumbs’> <span itemscope=’http://data-vocabulary.org/Breadcrumb’ itemtype=’http://data-vocabulary.org/Breadcrumb’> <a expr:href=’data:blog.homepageUrl’ itemprop=’url’><span itemprop=’title’>Fajar Zikri Blog</span></a> &#187; </span><span itemscope=’http://data-vocabulary.org/Breadcrumb’ itemtype=’http://data-vocabulary.org/Breadcrumb’><b:if cond=’data:post.labels’><b:loop values=’data:post.labels’ var=’label’> <a expr:href=’data:label.url’ itemprop=’url’><span itemprop=’title’><data:label.name/></span></a> <b:if cond=’data:label.isLast != &quot;true&quot;’> , </b:if> </b:loop> </b:if> &#187; </span><span itemscope=’http://data-vocabulary.org/Breadcrumb’ itemtype=’http://data-vocabulary.org/Breadcrumb’><span itemprop=’title’><data:post.title/> </span></span><hr/></div> </b:if></b:if>
<!– End Breadcrumb FZB –>
dan masukan kode berikut tepatnya di atas kode </b:skin>
<!– CSS Breadcrumb –>
.breadcrumbs{padding:5px 5px 5px 0px;margin:0px 0px 15px 0px;font-size:95%;line-height:1.4em;}
<!– End CSS Breadcrumb –>
Semoga Berhasil, demo ada di blog ini, bagian atas postingan
Fajar Zikri Blog ganti dengan nama Blog Anda sendiri

 sumber : http://fajarzikri.blogspot.com

Artikel Terkait Bloger