haloo sobat bloger sebagai pemula di dunia blog, saya sendiri juga sering bingunk untuk ngeblog mau belajar dari mana dengan banyaknya informasi yang bertebaran di internet...
yuukk kita belajar bareng bareng :D
Setelah kamrin saya posting tentang cara Membuat Menu Navigasi Dengan Sub menu di Blogspot
Kali ini saya akan share cara membuat menu navigasi BreadCrumb pada blog ..
kegunaan navigasi BreadCrumb ini selain memudahkan pembaca mngunjungi blog kita juga sebagai optimlaisasi Seo on page
yuukk langsung aja kita belajar bersama cara membuat navigasi BreadCrumb ini
caranya
- login bloger desboar
- pilih rancangan - edit html centang expand widget
setelah ketemu letakan kode ini tepat di atas kode ]]></b:skin>
ini kodenya...
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:11px;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}kemudian cari kode dibawah ini
<b:includable id='main' var='top'> <!-- posts --> <div class='blog-posts hfeed'> <b:include data= 'top' name='status-message'/>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/> <b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl' rel='tag'>Beranda</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> </b:loop>
» <span><data:post.title/></span> </b:if>
</b:loop> </div> <b:else/> <b:if cond='data:blog.pageType
== "archive"'> <div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> »
Arsip untuk <data:blog.pageName/>
</div> <b:else/> <b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » Seluruh Artikel
<b:else/>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> »
Artikel Pada Kategori <data:blog.pageName/> </b:if> </div> </b:if>
</b:if> </b:if> </b:if> </b:includable> <b:includable id='main' var='top'>
<!-- posts --> <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>
Selesai save template ...<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/> <b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl' rel='tag'>Beranda</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> </b:loop>
» <span><data:post.title/></span> </b:if>
</b:loop> </div> <b:else/> <b:if cond='data:blog.pageType
== "archive"'> <div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> »
Arsip untuk <data:blog.pageName/>
</div> <b:else/> <b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » Seluruh Artikel
<b:else/>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> »
Artikel Pada Kategori <data:blog.pageName/> </b:if> </div> </b:if>
</b:if> </b:if> </b:if> </b:includable> <b:includable id='main' var='top'>
<!-- posts --> <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>
ada baiknya sebelum anda menedit html bacup dulu template anda jika terjadi kesalahn bisa di backup
udah itu dulu ya postingya kita lanjutkan lagi apada segement berikunya :D
Semoga bermafaat
0 komentar:
Posting Komentar
Beri komentar Terbaik anda