Monday, May 15, 2017

Cara Membuat Breadcrumb pada Blogspot

Cara Membuat Breadcrumb pada Blogspot


Breadcrumb adalah navigasi menu untuk memudahkan pengunjung web/blog melacak lokasi dalam dokumen dan kembali ke halaman awal dengan mudah. Breadcrumb biasanya berada di posisi atas halaman web/blog, biasanya dibawah header atau diatas judul postingan. Bagaimana membuatnya? Disini kita akan membuatnya dengan langkah-langkah berikut:
  1. Masuk ke blogger.com, Pilih Template, Pilih Edit HTML, ceklis pada Expand Widget Templates
  2. Cari kode ini pada template anda.
]]></b:skin>
  1. Copy pastekan kode berikut diatas kode ]]></b:skin> :
.breadcrumb {
padding:5px 5px 5px 0px;
margin: 0px 0px 10px 0px;
font-size:90%;
line-height: 1.2em;
border-bottom:3px double #e6e4e3;
}
  1. Kemudian cari kode berikut:
<b:includable id=post var=post>
  1. Copy pastekan kode berikut dibawah kode <b:includable id=post var=post>
<b:if cond=data:blog.pageType == &quot;item&quot;>
<div class=breadcrumb>
<a expr_href=data:blog.homepageUrl rel=tag>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>
&#187;
</b:if>
<data:post.title/>
</div>
</b:if>
  1. Klik SimpanTemplates.

Go to link Download

Posted by at
Labels: , , , ,

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.

Subscribe to: Post Comments (Atom)