Cara Membuat BreadCrumbs di Blogspot - Hallo sahabat Situs Pendidikan Masa Kini - Patih Akbar, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat BreadCrumbs di Blogspot, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Internet, Tutorial Blog Untuk Pemula, yang kami tulis ini dapat anda pahami. dengan mudah, selamat membaca.

Judul : Cara Membuat BreadCrumbs di Blogspot
link : Cara Membuat BreadCrumbs di Blogspot

Cara Membuat BreadCrumbs di Blogspot

Kali ini admin ingin memberikan sebuah artikel yang berjudul Cara Membuat BreadCrumbs di Blogspot, bagi Anda yang sedang mengembangkan sebuaj blog dan sekali memesang breadcrumbs tai tidak tau caranya, kali ini saya akn kasih tau cara memasang breadcrumbs dengan mudah.silahkan ikuti langkah langkah dibawah ini :

Breadcrumbs

1. Login Ke Blog

2. Pilih Template > Edit Template

3. Cari kode  ]]></b:skin, letakan kode dibawah ini diatas ]]></b:skin.

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

4. Setelah selesai cari kode seperti dibawah:

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

5. Ganti kode diatas dengan kode dibawah:

    <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'/>

   6. Simpan Template anda dan selesai.

Demikian artikel dari saya kali tentang Cara Membuat BreadCrumbs di Blogspot, semoga dengan artikel dapat menambah wawasan anda

Demikianlah Artikel Tentang Cara Membuat BreadCrumbs di Blogspot

Semoga dengan membaca artikel Cara Membuat BreadCrumbs di Blogspot ini, bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel kami yang lainnya. Dan jangan lupa di share yaa

Anda sekarang membaca artikel Cara Membuat BreadCrumbs di Blogspot dengan alamat link https://patihakbar.blogspot.com/2016/03/cara-membuat-breadcrumbs-di-blogspot.html

Previous article

Next Post

Next article

Previous Post

Admin

https://patihakbar.blogspot.com/

Blogger Yang Gagal Jadi Webdesign "Smart Blogging"