Link Files: breadcrumb

Showing posts with label breadcrumb. Show all posts

Monday, May 15, 2017

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:

Masuk ke blogger.com, Pilih Template, Pilih Edit HTML, ceklis pada Expand Widget Templates
Cari kode ini pada template anda.

]]></b:skin>

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;

}

Kemudian cari kode berikut:

<b:includable id=post var=post>

Copy pastekan kode berikut dibawah kode <b:includable id=post var=post>

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

<a expr_href=data:blog.homepageUrl rel=tag>Home</a> »

<b:if cond=data:post.labels>

<b:loop values=data:post.labels var=label>

<b:if cond=data:label.isLast != "true">,</b:if>

</b:loop>

</b:if>

<data:post.title/>

</div>

</b:if>

Klik SimpanTemplates.

Go to link Download