Cara Memasang Breadcrumb Blog

Breadcrumb merupakan fitur navigasi yang biasanya terletak di atas judul artikel blog yang dimaksudkan untuk mengetahui posisi pengunjung berada dan mempermudah pengunjung untuk sanggup cepat kembali ke posisi sebelumnya.

Dan bila memakai template bawaan dari blogger tidak disertai breadcrumb, Makara mau tidak mau harus membuatnya sendiri. Memang sebuah breadcrumb tidaklah harus ada, akan tetapi akan lebih baik dalam hal navigasi dan sekaligus memperindah tampilan blog Anda.

Wokeh.. Jika Anda ingin menciptakan breadcrumb atau memasang breadcrumb, Silahkan ikuti petunjuk di bawah ini :

• Login ke Blogger.
• Klik Template
• Edit HTML
• Cari kode  ]]></b:skin>
• Letakkan arahan di bawah ini di atas kode  ]]></b:skin>

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

•    Kemudian, cari arahan menyerupai ini    <div class='post hentry'> , atau yang mirip-miriplah :-D, Oh ya gunakan CTRL+F untuk mempermudah ya.

•     Letakkan arahan di bawah ini sempurna sesudah kode   <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'>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>

• Simpan Template

Dalam template biasanya ditemui beberapa <div class='post hentry'> , Jika demikian lakukan cara coba-coba satu per satu dan preview template.

Wokeh, Segitu aja dulu cara memasang breadcrumb blog, Semoga bermanfaat. Salam blogger.

Berbagi :