Membuat Breadcrumb Blog

Kali ini saya akan berbagi tips cara membuat breadcrumb..Breadcrumb sendiri bertujuan untuk mempermudah bagi pembaca blog kita terutama bagi mereka yang sering berkunjung di blog kita.. ok langsung ke TKP nya..

• Loggin blog
• Rancangan --> Edit HTML --> Expand Templated Widgets
• Backup terlebih dahulu template anda
• Cari kode ]]></b:skin>
• Masukkan kode dibawah ini diatas kode ]]></b:skin>
.breadcrumbs{ margin-left:10px; padding: 5px 0; border-bottom: 1px dotted; line-height:1.4em; }
• Cari kode  <b:include data='top' name='status-message'/>
• Terkadang setiap template ada yang berbeda,terkadang kode <b:include data='top' name='status-message'/> ini ada dua, jika di template anda kode tersebut terdapat 2, maka cari kode tersebut yang dekat dengan kode <data:defaultAdStart/>  lalu letakan kode <b:include data='posts' name='breadcrumb'/> ini tepat dibawah <b:include data='top' name='status-message'/>  . Hasilnya nanti seperti ini

<b:include data='top' name='status-message'/>

<b:include data='posts' name='breadcrumb'/> 

<data:defaultAdStart/>

• Jika di template anda kode <b:include data='top' name='status-message'/>  ini hanya terdapat satu,maka cari kode <b:includable id='post' var='post'> . Setelah anda ketemu letakan kode <b:include data='posts' name='breadcrumb'/>  ini tepat dibawah kode <b:includable id='post' var='post'> . Hasilnya Seperti ini .

<b:includable id='post' var='post'>

<b:include data='posts' name='breadcrumb'/>

• Kemudian anda mencari <b:includable id='main' var='top'> dan letakkan kode dibawah ini diatas kode <b:includable id='main' var='top'>
<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>
• Simpan

Rating: 5