Membuat Breadcrumbs Navigasi Blogspot

Membuat navigasi Breadcrumbs pada Blogspot harus dilakukan secara manual. memang kalau pada wordpress kebanyakan templatenya sudah SEO friendly dan sudah ada tapi kalau template pada blogger belum ada. Breadcrumbs Navigasi ini juga membuat blog kita lebih SEO friendly, bagi yang belum tahu dibawah ini contohnya .




Ingin membuat Breadcrumbs Navigasi untuk blogspot kamu ??? ini ada panduannya.

  1. Login ke account blogger anda.
  2. klik Design, kemudian pilih Edit HTML,
    silahkan back up dulu template lengkap anda
  3. Beri tanda centang pada Expand Template Widget
  4. Cari kode seperti ini

    ]]></b:skin>

  5. Copy kode berikut lalu letakkan tepat di atas (sebelum) kode tadi
    .breadcrumbs {
    padding: 5px 5px 5px 0;
    margin: 0 0 5px;
    font-size: 95%;
    line-height: 1.4em;
    border-bottom: 1px solid #ccc;
    }
  6. Kemudian cari lagi kode seperti ini

    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
    <h3 class='post-title entry-title'>
    <b:if cond='data:post.link'>
    <a expr:href='data:post.link'><data:post.title/></a>

  7. Copy kode berikut lalu letakkan tepat di atas (sebelum) kode tadi
    <b:if cond='data:blog.homepageUrl == data:blog.url'>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='breadcrumbs'>
    You Are Here &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>

    <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
    </b:loop>
    </b:if> &#187; <data:post.title/>
    </div>
    </b:if>
    </b:if>
  8. klik Simpan
Sekarang lihat hasilnya, jika anda melakukan langkah-langkahnya dengan benar dan berhasil maka akan muncul navigasi breadcrumbs di atas judul postingan blog anda. kalau ketika home page navigasi breadcrumbs ini tidak akan nampak jadi klik salah satu kontennya dan lihat di atas judul kontent posting blog kamu.

Selamat mencoba.

0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...
 

Like This Yo !