Blog Personal tentang tips Blogging dan Internet Marketing

Cara Membuat Menu Breadcrumb

Cara Membuat Menu Breadcrumb. Menu Breadcrumb merupakan menu navigasi atau petunjuk keberadaan suatu postingan di bawah satu atau beberapa kategori/tags. Sebenarnya menu ini tidak begitu penting, namun untuk mempercantik serta mempermudah pembaca untuk mengetahui artikel tersebut berada pada kategori/tags apa. Ok, langsung saja berikut ini langkah-langkahnya.


Cara Membuat Menu Breadcrumb :

  1. Login Blog anda > Design > Edit HTML dan centang Expand Widget templates
  2. Cari kode ]]></b:skin> ( gunakan CTRL + F agar lebih mudah)
  3. Paste kode berikut tepat diatas kode ]]></b:skin>
    .breadcrumbs{
    padding-left:10px;font-size:95%;
    line-height:1.4em;
    border-bottom:4px double #cadaef;
    }
  4. Kemudian cari kode <b:includable id='post' var='post'>
    Setelah ketemu, silahkan paste kode berikut tepat dibawah kode <b:includable id='post' var='post'>
    <b:if cond='data:blog.homepageUrl == data:blog.url'>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='breadcrumbs'>
    Anda disini &#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>
  5. Save template (selesai).

Ayo Like Facebooknya
Tag : Blogging

Share this:

Share this with short URL: Get Short URLloading short url

Berlangganan :
Masukan e-mail Anda untuk mendapatkan kiriman artikel terbaru dari langsung di pesan kotak masuk.

feedburner


Anda telah membaca artikel :
Cara Membuat Menu Breadcrumb
Semoga bermanfaat, Terima kasih.
Cara style text di komentar Disqus:
  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

Tidak ada komentar

Back To Top