Sarana Informasi Bidang Informatika.

Cara Membuat Breadcumb / Navigasi Pada Blogg



Mesin pencari tetap membaca label atau tags tiap-tiap posting website, untuk mengindeks satu web/website, oleh karena itu makin sama suatu label dengan isi posting (artikel) maka dapat makin mendapat peluang tampak di halaman depan google. Atas argumen itu Bikin Situs Sendiri memandang butuh untuk memberikan Breadcrumb di tiap-tiap Website/web. Sesuai sama fungsinya Breadcrumb adalah alat navigasi search engine optimization sebaris dengan tautan internal yang sangat mungkin pengunjung untuk menavigasi balik ke sisi semula atau ke halaman depan secara cepat.

Mengenai langkah bikin Breadcrumb/Navigasi pada Blogger ialah seperti berikut :

  • Click Template 
  • Click Ubah HTML 
  • Mencari kode ]]></b:skin pada Ubah HTML (pakai CTRL + F) untuk mempermudah anda dalam penelusuran. 
  • Letakan Scrip berikut ini di atas kode ]]></b:skin  tersebut :


.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:90%; line-height: 1.4em; border-bottom:3px double #eee;}

  • Mencari Kode <b:includable id='main' var='top'> serta ubah dengan kode script berikut ini : 

<b:includable id="breadcrumb" var="posts"><b:if cond="data:blog.homepageUrl != data:blog.url">
<b:if cond="data:blog.pageType == &quot;static_page&quot;">
</b:if></b:if></b:includable><br />
<div class="breadcrumbs">
<a expr:href="data:blog.homepageUrl" href="https://www.blogger.com/null" rel="tag">Home</a> » <data:blog .pagename=""></data:blog></div>
<b:else>
<b:if cond="data:blog.pageType == &quot;item&quot;">
<!-- 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" href="https://www.blogger.com/null" 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" href="https://www.blogger.com/null" property="v:title" rel="v:url"><data:label .name=""></data:label></a></span>
</b:loop>
» <data:post .title=""></data:post>
</div>
<b:else>
<div class="breadcrumbs">
<a expr:href="data:blog.homepageUrl" href="https://www.blogger.com/null" rel="tag">Home</a> » Unlabelled » <data:post .title=""></data:post></div>
</b:else></b:if>
</b:loop>
<b:else>
<b:if cond="data:blog.pageType == &quot;archive&quot;">
<!-- breadcrumb for the label archive page and search pages.. -->
<div class="breadcrumbs">
<a expr:href="data:blog.homepageUrl" href="https://www.blogger.com/null">Home</a> » Archives for <data:blog .pagename=""></data:blog>
</div>
<b:else>
<b:if cond="data:blog.pageType == &quot;index&quot;">
<div class="breadcrumbs">
<b:if cond="data:blog.pageName == &quot;&quot;">
<a expr:href="data:blog.homepageUrl" href="https://www.blogger.com/null">Home</a> » All posts
<b:else>
<a expr:href="data:blog.homepageUrl" href="https://www.blogger.com/null">Home</a> » Posts filed under <data:blog .pagename=""></data:blog>
</b:else></b:if>
</div>
</b:if>
</b:else></b:if>
</b:else></b:if>
</b:else>
<b:includable id="main" var="top">
<b:include data="posts" name="breadcrumb">

  • Click Save Template 


Demikian langkah Bikin Breadcrumb/Navigasi pada Blogger, mudah-mudahan berguna dan baca juga : langkah menghubungkan laptop ke tv lcd