Dari sekian banyak navigasi yang di pasang pada blog,Tentunya sangat penting guna mempermudah pencarian artikel pada blog dan lain-lain sebagainya.
Baca di sini,Betapa pentingnya navigasi bagi sebuah blog untuk meninkatkan kinerja blog dan mempermudah pengunjung dalam merayapi artikel artikel yang tersimpan dalam blog anda.Untuk memasang salah satu dari sekian navigasi di antaranya "Breadcrumbs" ini sangatlah mudah,Caranya sebagai berikut :
# "Loggin ke akun blogger" > "Pilih Edit HTML" > "Cari code "]]></b:skin>" Jika sudah ketemu letakan Css di bawah ini tepat di atas code "]]></b:skin>"
.breadcrumbs{#Selanjutnya massih di "Edit HTML" Cari code "<b:includable id='main' var='top'>" Jika sudah ketemu letakan code di bawah ini tepat di bawah kode "<b:includable id='main' var='top'>"
background: #cccccc;
text-align: left;
padding:8px;
margin:0 0 0px;
font-size:11px;
border:1px dotted #5f5f5f;
font-family: Tahoma;
font-weight: normal;
}
<b:include data='posts' name='breadcrumb'/>#Selanjutnya masih di "Edit HTML"Cari code "<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>" Jika sudah ketemu letakan code wedget di bawah ini tepat di bawah kode "<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>"
<b:includable id='breadcrumb' var='posts'>#Selanjutnya "Save Tempalete" anda dan lihat hasilnya pada singgel pos anda.
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span> <data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <h6>All posts</h6>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
#Lihat juga artikel lainya terkait tutorial blogger di sini,Selanjutnya...
Advertisement