19 Okt 2011

Navigasi Menu Breadcrumbs

Menu breadcrumbs adalah merupakan salah satu tips seo blog yang memudahkan pengunjung untuk melihat artikel lainnya yang terkait dengan artikel yang sedang di baca.

Navigasi menu yang berada di atas judul posting umumnya disebut dengan menu breadcrumbs.

Selain kita membuat judul posting menjadi blog dan mendaftarkan-blog di search yahoo siteexplorer menu breadcrumbs ini adalah bagian dari membuat blog menjadi seo

Untuk sahabat blogger yang masih pemula seperti saya, jika ingin membuat menu breadcrumbs caranya adalah sebagai berikut:
  1. Login ke Blogger
  2. Pilih Rancangan
  3. Pilih Edit HTML
  4. Download template lengkap, untuk di upload kembali jika terjadi kesalahan pada edit.
  5. Centang kotak kecil pada tulisan Expand Template Widget
  6. Kemudian cari kode ]]></b:skin>
  7. gunakan tombol pencarian untuk mempermudah pencarian kode.
    Tambahkan kode di bawah ini di atas kode ]]></b:skin>
  8. .breacrumbs {
    padding:5px 5px 5px 0px;
    margin:0px 0px 15px 0px;
    font-size:95%;
    line-height:1.4em;
    border-bottom:4px double black;
    color:#e6e4e3;
    }
  9. Selanjutnya cari kode berikut <div class='post hentry'>
  10. Kemudian tambahkan kode di bawah ini, tepat di bawah kode
  11. <div class='post hentry'> <b:if cond='data:blog.homepageUrl == data:blog.url'>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='breadcrumbs'>
    Browse &:#187; <a expr:href='data:blog.homepageUrl' rel='tag'>Home </a>
    <b:loop values='data:posts' var='post'>
    <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>
  12. Setelah selesai klik tombol Simpan Template
Semoga artikel ini bisa bermamfaat.. dan salam sukses selalu..
Dapatkan Update Artikel RSS feed yang bermanfaat dari Saya, atau ikuti Saya di Twitter.
Email address:

0 komentar:

Posting Komentar