June 11, 2019

Cara Memasang Breadcrumb di atas Judul Posting Blog

By Romeltea | Published: June 11, 2019

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).*

        Previous
        « Prev Post
        Author Image

        Romeltea
        Romeltea adalah onair dan online name Asep Syamsul M. Romli aka Kang Romel. Praktisi Media, Blogger, Trainer Komunikasi from Bandung, Indonesia. Follow me: facebook twitter instagram linkedin youtube

        Recommended Posts

        Related Posts

        Show comments
        Hide comments

        7 comments on Cara Memasang Breadcrumb di atas Judul Posting Blog

        1. pada kondisi tertentu breadcrumb tidak dapat muncul dengan cara ini ya..

          ReplyDelete
        2. Halo kak, itu kayaknya typo deh, bukan 'post hentry' tapi 'post-entry'

          ReplyDelete
          Replies
          1. nggak, emang post hentry nama kodenya...

            Delete
        3. Yess..!!!Setelah nyari tutornya kesana kemari,akhirnya berhasil juga terpasang di template download gratisan blogger saya,makasih mas Romli tutorialnya,sehat n bahagia selalu bersama klrga

          ReplyDelete
          Replies
          1. Sama-sama, Amin YRA. For your fam too....

            Delete
        4. yes , berhasil. makasih pak :D

          ReplyDelete

        Contact Form

        Name

        Email *

        Message *