Breadcrumb adalah sejenis navigasi yang menunjukan dari mana
saja arah artikel kita. Misalkan saya mempunyai artikel Cara Membuat Navigasi breadcrumb terletak di Kategori Tutorial Blog maka navigasi breadcrumb seperti ini
Browse » Home » Tutorial Blog » cara membuat navigasi breadcrumb.
Terletak di bawah judul postingan,,
Fungsi breadcrumb ini tentunya akan membuat template blog menjadi seo friendly dan akan mempermudah search engine dalam menemukan artikel-artikel kita.
Cara membuat navigasi breadcrumb :
Browse » Home » Tutorial Blog » cara membuat navigasi breadcrumb.
Terletak di bawah judul postingan,,
Fungsi breadcrumb ini tentunya akan membuat template blog menjadi seo friendly dan akan mempermudah search engine dalam menemukan artikel-artikel kita.
Cara membuat navigasi breadcrumb :
Masuk blogger > rancangan >
edit html > centang expand template widget
cari kode ]]></b:skin>, Letakkan kode di bawah ini tepat di atas kode ]]></b:skin>
cari kode ]]></b:skin>, Letakkan kode di bawah ini tepat di atas kode ]]></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;
}
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double
#e6e4e3;
}
Kemudian selanjutnya cari kode <div
class='post hentry'>, letakan kode berikut ini tepat di bawah kode <div
class='post hentry'>
<b:if cond='data:blog.homepageUrl
== data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Browse » <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>
» <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>
<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>
» <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>
</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>
^__^
Selamat Mencoba^__^
|
|
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Raka-xp
|
Raka-xp
0 komentar:
Posting Komentar