Cara Membuat Tepung Roti atau Breadcrumb - Erend Elektronik

Cara Membuat Tepung Roti atau Breadcrumb - Ibu-ibu yang kesasar kesini, saya mohon maaf karena ini bukan tepung roti untuk membuat pisang goreng. Breadcrumb kalau kita alih bahasakan kedalam bahasa Indonesia artinya Tepung Roti. Istilah Breadcrumb bagi kalangan blogger tidaklah asing. Karena keberadaannya sangat diperlukan untuk optimalisasi SEO.

Breadcrumb adalah menu navigasi blog yang berada diatas postingan. Guna Breadcrumb adalah memudahkan pengunjung atau pembaca untuk balik ke Home atau membuka artikel lain dari category Label yang sama. Struktur Breadcrumb biasanya seperti ini: Home >> Label >> Judul Postingan.

Bagaimana Cara Membuat Breadcrumb pada Blog yang SEO juga Valid HTML5. Kita akan meniru yang ada pada template Blog Rapi Serui ini. Ada banyak Fungsi Breadcrumb ini diantaranya adalah mempengaruhi mesin pencari agar lebih cepat dalam mengenali struktur blog kita. Breadcrumb yang kita buat akan otomatis tampil pada setiap postingan yang kita bikin menurut category Label, ini artinya kita telah membuat Link Antar Halaman sehingga halaman yang satu dengan halaman yang lain dapat saling terhubung. Tentu saja dengan begitu akan memberikan efek yang sangat baik terhadap pagerank blog.

Cara Membuat Tepung Roti atau Breadcrumb ini sangatlah mudah, hal pertama yang harus lakukan adalah Login ke Akun Blogger sobat. Berdoa dan jangan lupa backup template dulu.
Langkah selanjutnya klik menu Template, lalu klik Edit HTML. Cari kode ]]></b:skin kemudian letakkan kode di bawah ini tepat di atas kode ]]></b:skin> tsb.

.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;}

Langkah selanjutnya cari lagi kode ini: <b:includable id='main' var='top'>

Lalu ganti kode <b:includable id='main' var='top'> dengan kode yang ada di bawah 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;'>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span>
     </div>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.labels'>
        <div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span> &#187; <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'> &#187; </b:if> </b:loop> &#187; <span><data:post.title/></span>
        </div>
        <b:else/>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>Uncategories</span> &#187; <span><data:post.title/></span></div>
     </b:if>
        </b:loop>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;archive&quot;'>
        <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>Archive for <data:blog.pageName/></span>
     </div>
      <b:else/>
        <b:if cond='data:blog.searchQuery'>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span>
     </div>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <div class='breadcrumbs'>
     <b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>All post</span>
        <b:else/>
        <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span>
        </b:if>
        </div>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
</b:includable>
      <b:includable id='main' var='top'>
   <b:include data='posts' name='breadcrumb'/>

Kemudian klik Simpan Perubahan.
Jika langkah sobat benar maka kita sudah punya Tepung Roti atau Breadcrumb :P

Happy Blogging !

Artikel Terkait