Kamis, 09 Agustus 2012

SEO XP | Belajar SEO Friendly | Panduan Blogger

Cara Memasang Navigasi Breadcrumb
Navigasi Breadcrumb berfungsi untuk memudahkan pengunjung untuk menemukan artikel yang ingin di cari dan juga dapat mempermudah untuk kembali ke halaman sebelumnya, karena Navigasi Breadcrumb ini terdiri dari beberapa link yang berisikan label /kategori.
Breadcrumb ini juga bisa Untuk Membuat Blog anda Menjadi SEO seperti yang di jelaskan di postingan sebelumnya, coba Cek di sini Cara mengedit Blogspot agar SEO Friendly
Untuk sobat yang ingin memasang Navigasi Breadcrumb di blog, silahkan ikuti langkah-langkah di bawah ini 





  • Login ke blogger

  • Pilih menu Rancangan dan klik Edit HTML

  • Centang Expand Widget Templates

  • Kemudian Cari kode ]]></b:skin>

  • Copy kode di bawah dan letakan di atas kode ]]></b:skin>
    .breadcrumbs{ padding:5px 5px 5px 0; margin:0;font-size:95%; line-height:1.4em; border-bottom:4px double #cadaef}

  • Selanjutnya cari kode
    <div class='post hentry uncustomized-post-template'>

  • Jika kode diatas tidak ada coba cari kode seperti di bawah ini, Karena masing-masing kode template berbeda
    <div class='post hentry'>

  • Kemudian copy kode di bawah ini dan letakkan di bawah kode <div class='post hentry uncustomized-post-template'> Jika ada, Kalau tidak ada Copykan kode <div class='post hentry'> dibawah ini dan letakan di bawah kode
    <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'>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>

  • Terakhir simpan template


  • Happy Blogging Sobat Blogger

    Tidak ada komentar:

    Posting Komentar