Breadcrumbs apa sih? Klo pengen tahu lebih jauh apa itu Breadcrumbs, kalian bisa ikutin
link ini.
Tetapi secara garis besar, hal ini akan memudahkan pengunjung blog untuk kembali ke halaman utama/homepage.
Pernah lihat yang seperti ini :
|
breadcrumbs |
Cara pasang:
Masuk ke dashboard, klik template, klik juga expand widget templates.
Temukan kode berikut
]]></b:skin>
Tepat di atas kode
]]></b:skin> copy paste kode di bawahnya
.breadcrumbs { padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px;
font-size:95%; line-height: 1.4em; border-bottom:3px double #e6e4e3; }
Lalu cari kode ini :
<b:include data='top' name='status-message'/>
Tepat di sebelum kode di atas, letakkan kode berikut:
<b:include data='posts' name='breadcrumb'/>
Langkah selanjutnya temukan kode ini :
<b:includable id='main' var='top'>
Ganti kode diatas dengan kode di bawah ini:
<b:includable id='breadcrumb' var='posts'><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' xmlns:v='http://rdf.data-vocabulary.org/#'>
<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> » <span>All posts</span>
<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>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
Klik SAVE, selesai.
Demikian
cara membuat breadcrumbs untuk platform blogger.Silahkan dicoba, maka tampilan akan seperti pada gambar paling atas. Salam, carakucari.
Terimakasih anda telah membaca artikel tentang Cara Membuat Breadcrumbs Untuk Blogger. Jika ingin menduplikasi artikel ini diharapkan anda untuk mencantumkan link http://carakucari.blogspot.com/2013/06/cara-membuat-breadcrumbs-untuk-blogger.html. Terimakasih atas perhatiannya.