Cara Membuat Breadcrumb Di Blog

Kamis, 04 Juli 2013

Cara Membuat Breadcrumb Di Blog - Sekarang saya kembali untuk berbagi lagi kepada anda, kali ini saya akan membicarakan tentang cara membuat breadcrumb di blog. Breadcrumb adalah suatu navigasi atau petunjuk arah berbentuk internal link yang dapat mempermudah pengunjung dalam mengetahui dimana letak suatu konten blog/website. Navigasi breadcrumbs biasanya terletak diatas atau dibawah judul postingan / artikel. Fungsi breadcrumb salah satunya adalah untuk mempermudah pengunjung dalam mengetahui posisi atau letak suatu konten atau artikel pada suatu blog.

Apakah anda ingin membuat breadcrumb di blogger anda juga? apabila jawabannya iya, ikuti langkah-langkah berikut ini.

1. Masuk ke blogger.
2. Pilih template.
3. Pilih edit html.
4. Cari kode dibawah ini.

]]></b:skin>

5. Salin kode dibawah ini serta taruh kodenya diatas kode tadi.

.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;
font-size: 90%;
line-height:1.4em;
border-bottom:1px solid black;
}

6. Cari juga kode dibawah ini.

<b:includable id='post' var='post'>

7. Salinlah kode dibawah ini dan taruh dibawah kode tadi.

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
You are Here > <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 != "true"'> , </b:if>
</b:loop>
</b:if> > <data:post.title/>
</div>
</b:if>
</b:if>

8. Simpan.