Cara Memasang Breadcrumb di atas Judul Posting Blog

Follow @romel_tea
Breadcrumbs adalah navigasi sekaligs link yang berisi nama kategori atau label dan judul postingan. Posisinya di atas judul tulisan, breadcrumb biasanya diawali dengan link menuju beranda (home) atau halaman depan blog.

Cara Memasang Breadcrumb di atas Judul Posting Blog


Lihat contoh breadcrumbs dalam gambar di bawah ini.

Cara Memasang Breadcrumb di Blogspot

Breadcrumb tidak hanya berfungsi sebagai link internal yang disarankan Google, tapi juga berguna bagi mesin pencari yang mengindeks konten blog berdasarkan kategori, label, atau topik.

Template bawaan Blogger biasanya tanpa breadcrumbs. Karenanya, kita harus memasang sendiri.

Cara Memasang Breadcrumb di Blog

Berikut inii Cara Memasang Breadcrumb di atas Judul Posting Blog. Kodenya dari Maskolis yang sedikit dimodifikasi.

1. Klik Tema > Edit HTML
2. Copas kode breadcrumbs berikut ini di atas  kode ]]></b:skin>

.breadcrumbs{
padding:0 0 8px 0;color:#666;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:1px solid #eee}

3. Cari kode seperti ini :

<div class='post hentry'>

      4. Copas kode berikut ini tepat setelah 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'> <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>

      5. Simpan Template!

      Demikian Cara Memasang Breadcrumb di atas Judul Posting Blog. Wasalam (www.romelteamedia.com).*

        Thanks for reading Cara Memasang Breadcrumb di atas Judul Posting Blog | Tags: | Follow @Romeltea on Twitter

        Next Article
        « Prev Post
        Previous Article
        Next Post »

        Related Posts

        Your Comments

        0 komentar on Cara Memasang Breadcrumb di atas Judul Posting Blog

        Post a Comment

        Komentar SPAM dan LINK AKTIF tidak akan muncul.