Cara Membuat Breadcrumbs Diatas Postingan Blog

Cara Membuat Breadcrumbs Diatas Postingan Blog ini bisa dibilang dapat membuat template blog yang kita pakai agar lebih SEO Friendly loh sobat. Selain itu fungsinya banyak salah satunya bisa dapat membuat pengunjung lebih mudah melihat navigasi postingan yang kita buat diblog. Yah walaupun cuman sedikit aja gunanya tapi membuat breadcrumbs diatas postingan blog ini bisa juga untuk ngerapihin blog ataupun menghias blog agar lebih indah.

Sobat tertarik untuk mencobanya tunggu apalagi sob silahkan ikuti tutorial yang share-tuts buat ini.

1. Log-in ke akun blogger sobat dulu.
2. Klik Rancangan > Edit HTML > Klik Download template lengkap dulu sebelum merubah template aslinya agar sewaktu - waktu ada kesalahan kita dapat memperbaikinya.
3. Letakkan kode berikut diatas kode ]]></b:skin>. (gunakan CTRL + F untuk dapat mencari lebih mudah)

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

5. Sobat cari kode seperti ini.

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

6. Pastekan kode berikut ini tepat dibawahnya.

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
You are Here &gt; <a expr:href='data:blog.homepageUrl'>Home</a> &gt;
<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> &gt; <data:post.title/>
</div>
</b:if>
</b:if>

7. Simpan template dan coba buka postingan sobat apakah sudah ada breadcrumbsnya diatas postingan. Kalau sudah ada selamat sobat baru saja membuat breadcrumbs navigasi diatas postingan blog.

sumber : http://www.christiantatelu.blogspot.com/2012/02/cara-membuat-memasang-navigasi.html

Anda sedang membaca artikel tentang Cara Membuat Breadcrumbs Diatas Postingan Blog dan anda bisa menemukan artikel Cara Membuat Breadcrumbs Diatas Postingan Blog ini dengan url http://share-tuts.blogspot.com/2013/03/cara-membuat-breadcrumbs-diatas.html. Anda boleh menyebarluaskan atau mengcopy artikel Cara Membuat Breadcrumbs Diatas Postingan Blog ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.

Ingin mempromosikan Blog, Produk, Bisnis, Jualan atau lainnya ? Sobat bisa memasangnya diBlog ini. Tunggu apa lagi mumpung masih ada slot untuk sobat. Silahkan hubungi ane dengan meng-Klik Disini

Related Posts :