Cara membuat navigasi Breadcrumbs di Blog

Sudahkan Template Anda menggunakan Navigasi Breadcrumbs? Ada baiknya template pada Blogspot Anda memakai Breadcrumbs karena menurut saya Breadcrumbs sangat memudahkan pengunjung blog kita untuk mengetahui di postingan mana di beradaBreadcrumbs terletak di atas persis pada postingan Kita dengan Urutan Sebagai Berikut  

Home >> Nama Label >> Judul Postingan

Berikut Tips atau Cara Membuat Breadcrumbs di Blogspot :

1. Login ke Blogger

2. Masuk Kedalam Menu TEMPLATE Anda

3. Pilih Edit HTML.

4. Centang tulisan "expand template widget".

5. Lalu cari kode ]]></b:skin> :  (Gunakan CTRL dan F Sebagai Bantuanya.)

6. Silahkan Anda Copy kode CSS untuk Breadcrumbs di bawah ini dulu dan paste tepat di atas kode  ]]></b:skin>

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

7. Kemudian Anda cari kode seperti ini lagi <b:includable id='main' var='top'> Jika sudah ketemu ganti kode tersebut dengan kode di bawah ini 

<b:includable id='breadcrumb' var='posts'>

    <b:if cond='data:blog.homepageUrl != data:blog.url'>

    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

    <div class='breadcrumbs'><span>

    <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>

    </span> &#187; <span><data:blog.pageName/></span></div>

    <b:else/>

    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    <!-- breadcrumb for the post page -->

    <b:loop values='data:posts' var='post'>

    <b:if cond='data:post.labels'>

    <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>

    <span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>

    <b:loop values='data:post.labels' var='label'>

    &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>

    </b:loop>

    &#187; <span><data:post.title/></span>

    </div>

    <b:else/>

    <div class='breadcrumbs'>

    <span>

    <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>

    </span> &#187; <span>Unlabelled</span> &#187;

     <span><data:post.title/></span></div>

    </b:if>

    </b:loop>

    <b:else/>

    <b:if cond='data:blog.pageType == &quot;archive&quot;'>

    <!-- breadcrumb for the label archive page and search pages.. -->

    <div class='breadcrumbs'>

    <span><a expr:href='data:blog.homepageUrl'>Home</a>

    </span> &#187; <span>Archives for <data:blog.pageName/>

    </span>

    </div>

    <b:else/>

    <b:if cond='data:blog.pageType == &quot;index&quot;'>

    <div class='breadcrumbs'>

    <b:if cond='data:blog.pageName == &quot;&quot;'>

    <span><a expr:href='data:blog.homepageUrl'>Home</a>

    </span> &#187; <span>All posts</span>

    <b:else/>

    <span><a expr:href='data:blog.homepageUrl'>Home</a>

    </span> &#187; <span>Posts filed under <data:blog.pageName/>

    </span>

    </b:if>

    </div>

    </b:if>

    </b:if>

    </b:if>

    </b:if>

    </b:if>

    </b:includable>

    <b:includable id='main' var='top'>

    <b:include data='posts' name='breadcrumb'/>

8.Dan Yang Terakhir simpan [ SAVE ] template anda.

Tunggu paling lama 3 hari insyaAllah Breadcrumbs anda akan tampil di hasil pencarian Google.Anda bisa sabar sedikit yaaa….soalnya punya saya butuh waktu 3 hari.

Semoga bermanfaat…

Unknown

My name is Chandra Iwan, I want to share crack software for all visitors to my blog, and everything you can get for free. please contact me if there is a broken link or you need a password. Thanks guest