Saturday, April 7, 2012

CARA MEMASANG BREADCRUMB TERBAIK DAN CEPAT DI BLOGSPOT | PASANG BREADCRUMB BLOGGER

Sobat Jufry semua, kali ini saya mau share tentang cara memasang Breadcrumb di blogspot atau blogger. Apasih Breadcrumb itu? Waduh susah njelasinnya, mending liha neh contohnya di bawah ini:



 Nah Breadcrumb ini sobat biasanya kita letakkan di atas judul artikel dimana ia menunjukkan dimana posisi artikel yang sedang sobat buka. Liat aza deh contoh di atas. Diawali dengan menu Home, kemudian dilanjutkan dengan kategori dari artikel yang agan buka and teraakhir adalah judul dari artikel yang sobat buka contohnya yang ne CARA MEMASANG BREADCRUMB TERBAIK DAN CEPAT DI BLOGSPOT | PASANG BREADCRUMB BLOGGER.

Supaya gak melebar sana sini ane langsung beritau cara pasangnya za yahh...

  • Masuk ke DASHBOARD sobat.
  • Pilih TEMPLATE, kalau sudah muncul pilih EDIT HTML.
  • Jangan lupa centang EXPAND WIDGET, kemudian cari kode berikut ini :
<b:if cond='data:post.title'>
  Untuk mempermudah pencarian tekan Ctrl + F, sehingga navigasi short cut Find terbuka, lalu copy kan kode <b:if cond='data:post.title'>.

  • Kalau sudah nemu, silahkan anda Copy kode berikut ini dan letakkan DI BAWAH kode diatas.
<b:if cond='data:blog.pageType == "item"'>
    <a href='http://juprimalino.blogspot.com/'>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 != "true"'>,</b:if>
    </b:loop>
    &#187;
    </b:if>
    <data:post.title/>
    </b:if>


Sehingga tampak seperti ini:

<b:if cond='data:post.title'>
 <b:if cond='data:blog.pageType == "item"'>
    <a href='http://juprimalino.blogspot.com/'>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 != "true"'>,</b:if>
    </b:loop>
    &#187;
    </b:if>
    <data:post.title/>
    </b:if>

Jangan lupa untuk mengganti http://juprimalino.blogspot.com/ dengan alamat blog sobat.

Kalau sudah, Simpan templatenya dan silahkan sobat buka salah satu artikel sobat untuk mengecek pengaplikasian Pemasangan BreadCrumb di Blogspot sobat... 
 

Oh yah tutor ini sesuai dengan langkah di dashboard tampilan terbaru, kalau versi klasik, kata TEMPLATE nya adalah LAYOUT, sisanya sama aza...







3 comments:

  1. artikel yang sangat berguna gan
    salam kenal

    ReplyDelete
  2. dalam rangka silaturahmi gan, salam kenal buat semua
    makasih dah berbagi

    ReplyDelete
  3. Terimakasih untuk tutorial cara memasang breadcrumnya, dengan cara ini semoga cepat terindex google. Terimakasih ya...

    ReplyDelete