Cara Pasang Breadcrumbs untuk Blogspot

Bicara mengenai breadcrumbs, apa itu, apa fungsinya ?? kedua pertanyaan itu sering muncul di benak blogger pemula (seperti admin). Breadcrumbs adalah sebuah penunjuk link di dalam web atau blog yang digunakan untuk memberitahukan kepada si pengunjung terdapat dimanakah artikel yang dibaca oleh si pengunjung atau terletak dimanakah artikel / konten yang sedang di bukanya.

Untuk manfaat pasang breadcrumbs di blog ialah untuk menunjukan dimana keberadaan konten yang dibuka oleh si pengunjung. Breadcrumbs pun juga sangat baik untuk SEO blog karena memperkaya kata kunci dalam postingan dan mempunyai pengaruh yang positif dalam search engine untuk blog anda.

Pasang breadcrumbs dalam blog khususnya di blogspot sangatlah mudah untuk dilakukan. Mari simak tutorialnya, sebagai berikut :

1. Pastikan anda sudah login di akun Blogger anda
2. Masuk ke menu Template dan masuk ke Edit HTML
3. Cari kode ]]></b:skin> (tekan ctrl+f untuk mencari kode tersebut), Jika sudah salin kode di bawah ini tepat di atas kode ]]></b:skin>

.breadcrumbs{
      margin-left:10px;
      padding: 5px 0;
      border-bottom: 1px dotted;
      line-height:1.4em;
      }

 4. Selanjutnya cari kode <b:include data='top' name='status-message'/>, Biasanya dalam blogspot terdapat 2 kode tersebut. Lalu letakkan kode dibawah ini tepat diatas di 2 kode tersebut

<b:include data='posts' name='breadcrumb'/>

5. Cari kode <b:includable id='main' var='top'>. Letakkan kode di bawah ini tepat diatas kode <b:includable id='main' var='top'>

<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'
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: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>
</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>

6. Langkah terakhir adalah Save Template dan preview blog anda.

Mungkin itu saja yang dapat admin (tutorsimpl3.blogspot.cm) informasikan kepada temen temen pembaca tentang Cara Pasang Breadcrumbs untuk blogspot.com. Thanks