Untuk module ke 13 ini sy ingin berkongsi cara membuat breadcrumb pada blogspot. Apakah itu breadcrumb?. Breadcrumb umpama peta yang menunjukkan arah dimana pengguna berada sekarang atau nk lebih moden umpama GPS :D. Manusia mempunyai ingatan jangka pendek, breadscumb ini akan membantu pembaca mengetahui lokasi mereka berada sekarang. Tapi apa kaitannya breadcrumb dgn SEO?.

Contoh Breadcrumb Home>>Label>>Membuat Breadcrumb


1 Pergi kepada Dashboard > Design > Edit HTML
2 Cari coding dibawah

<b:include data='top' name='status-message'/>

3 Gantikan koding tersebut dengan koding dibawah

<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>

4 Sekarang cari <b:includable id='main' var='top'>
5. Gantikan koding tersebut dengan koding dibawah

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

6 Cari koding ]]></b:skin>
7 Copy dan Paste koding dibawah sebelum ]]></b:skin>

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

---

Blog
Gadget

Jika anda sukakan article ini,linkkan kembali...

<a href="http://syoknyerblogging.blogspot.com/2010/12/module-13-membuat-breadcrumb-pada.html">Module 13: Membuat Breadcrumb pada Blogspot</a>