Cara Membuat Breadcrumb Di Blogspot

Pada hari ini aku ingin menunjukkan kepada anda semua bagaimana cara membuat breadcrumb di blogspot.Breadcrumb selalunya kita dapat lihat di tempalte-tempalte wordpress dan anda juga boleh lihat di template yang sedang aku gunakan ini yang juga berasal daripada template wordpress tetapi telah diconvertkan kepada blogspot.Kepada anda yang tidak tahu apakah dia breadcrumb boleh tgk screenshot breadcrumb dibawah ini .

Tetapi tidak semua orang yang menggunakan blogspot memakai tempalte yang berasal daripada wordpress jadi kepada yang menggunakan tempalte asal yang disediakan oleh blogspot mungkin tutorial ini akan dapat membantu anda untuk membuat breadcrumb ini dan anda juga boleh tengok demonya di tempalte asal blogspot disini..Dan kepada yang menggunakan tempalte daripada wordpress tetapi tidak mempunyai fungsi breadcrumb ini juga bolehlah cuba untuk membuatnya juga.Dengan membuat Breadcrumb di dalam blog bukan sahaja akan mencantikkan lagi blog anda tetapi adalah untuk tujuaan SEO kerana search enjin seperti Google amat menyukai fungsi breadcrumb ini.Kepada pengguna wordpress yang tidak mempunyai Breadcrumb didalam blog mereka download pluginnya dibawah ini dan install kedalam blog anda.

-Yoast Breadcrumbs

-Breadcrumb NavXT

kepada anda yang menggunakan blogspot dan ingin menambah fungsi Breadcrumb ini kedalam blog anda bolehlah ikuti Tutorialnya dibawah.

1.Pergi ke layout  »  Edit HTML.

2.Kemudian cari kode </b:skin> dan copy dan pastekan kode dibawah ini diatasnya.Kemudian klik save.

.breadcrumb {
float: left;
width: 490px;
font-size: 11px;
margin: 0 0 20px;
padding: 0 0 3px;
border-bottom: double #cccccc;
}

3.Selepas itu berikan tanda didalam kotak Expand Widget Templates dan cari kode ini

<div class='post hentry uncustomized-post-template'>

ataupun kadang-kadang berbeza untuk sesetengah template seperti ini

<div class='post hentry'>

.

4.Kemudian anda copy kode dibawah ini dan pastekan dibawah kode yang anda cari tadi.Kemudian kilk save.

<div class='breadcrumb'>
Browse &gt;     <a expr:href='data:blog.homepageUrl'>Home</a> / <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> / </b:if>
          </b:loop>
        </b:if> / <data:post.title/>
  </div>

5.Selesai semoga berjaya kepada yang tak berjaya jangan segan-segan untuk bertanya insya’allah aku akan tolong nanti.

p/s:yang aku tandakan dengan warna merah bolehlah anda tukarkan bersesuaian dengan blog anda.