.
,Sejarah jam gadang, danau singkarak, danau maninjau, hotel, tujuan wisata sumatera barat,daftar,jam gadang, fort de kock,West Sumatra, Sumatera Barat, Tourism

How To Create Breadcrumbs Navigation

Posted By admin Saturday, March 26, 2011

Making Navigation Breadcrumbs. Maybe it is not strange for you with these breadcrumbs navigation. And I think you all would already know about how to manufacture. But because there are bloggers who questioned the friends about how to make it not hurt if I go back to repeat.
Regarding the manufacturing steps please follow the steps below.

1. Login as usual to blogger.com
2. Draft click, then select Edit HTML, it's good if you download your template first complete
3. Tick ​​the Expand Widget Templates
4. Find this code

]]></b:skin>


5. Copy the code below and put it right on top (before) that code

. Breadcrumbs {
padding: 5px 5px 5px 0;
margin: 0 0 5px;
font-size: 95%;
line-height: 1.4em;
border-bottom: 1px solid # ccc;
}

6. Then find this code again

<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>



7. Copy kode berikut lalu letakkan tepat di atas (sebelum) kode tadi Copy the code below and put it right on top (before) that code



<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 &#187; <a expr:href='data:blog.homepageUrl'>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 != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if>


8.Save your template



Related Post



Follow by Email