Tutorial : Letak breadcrumb dalam blog

Tutorial kali ini ialah nak share dengan korang macammana nak letak breadcrumb dalam blog  korang. Mungkin ada yang dah gtahu apa itu breadcrumb ni.Contoh breadcrumb seperti gambar di bawah ni

Korang nampak tak ada Home>Dunia Hiburan>Usop Wilcha join Hot FM! di bahagian atas tajuk entry tadi.  Inilah yang kita namakan breadcrumb.

Breadcrumb ni serba sedikit dapat membantu menaikkan trafik blog sebab visitor boleh pergi ke link yang lain dengan cepat contohnya macam gambar di atas, visitor boleh terus pergi ke kategori dunia hiburan untuk melihat entry berkaitan label tersebut dengan cepat.

Cara untuk letak breadcrumb dalam blog:

1. Pergi ke Design>Edit HTML>Expand Widget Templates dan cari kod berikut:

   <b:if cond='data:post.title'>

2. Letakkan kod berikut selepas kod yang korang cari tadi

    

<b:if cond='data:blog.pageType == "item"'>

<a href='http://urlblog.blogspot.com/'>Home</a> &#187;

<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>

&#187;

</b:if>

<data:post.title/>

</b:if>

  

Note : Tukarkan perkataan berwarna merah kepada URL blog korang.

3. Save dan Preview untuk melihat hasilnya.