Cara membuat breadcrumb di blog

Membuat breadcrumb di blog sangatlah penting untuk mengoptimalkan blog kita di mesin pencari (search engine). Membuat breadcrumb juga merupakan bentuk dari optimasi SEO onpage sebuah blog agar lebih SEO friendly. jadi mebuat breadcrumb di blog merupakan hal yang penting. Dan breadcrumb sendiri adalah navigasi blog yang menunjukan posisi sebuah halaman yang sedang dibuka.Untuk jelasnya berikut gambaran umum dari navigasi breadcrumb di blog:

Berikut ini adalah langkah-langkah cara membuat breadcrumb di blog:

Langkah 1

1. login di blogger (masuk ke dasbor)
2. Masuk ke 'rancangan' lalu masuk ke 'edit html'
3. Centang kotak 'expand template widget' Copy kode berikut dan paste/letakan sebelum/diata kode ]]></b:skin>

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

Langkah 2

Cari kode <b:include data='top' name='status-message'/>, biasanya terdapat 2 kode. copy kode di bawah ini dan letakan masing-masing diatas <b:include data='top' name='status-message'/> tadi

Ini kode untuk langkah 2: <b:include data='posts' name='breadcrumb'/>


Langkah 3
letakan kode dibawah ini 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 == &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' 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'>
 &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></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>

Langkah 4
Simpan template, untuk jaga-jaga anda dapat mengunakan pratinjau untuk melihat hasil breadcrumb gagal atau tidak sebelum di save. 

Anda sedang membaca artikel tentang Cara membuat breadcrumb di blog dan anda bisa menemukan artikel Cara membuat breadcrumb di blog ini dengan url http://mediabiruputih.blogspot.com/2012/07/cara-membuat-breadcrumb-di-blog.html. Anda boleh menyebarluaskan atau mengcopy artikel Cara membuat breadcrumb di blog ini jika memang bermanfaat bagi anda atau teman-teman anda, namun jangan lupa untuk mencantumkan link Cara membuat breadcrumb di blog sebagai sumbernya.

Baca juga artikel lainnya: