sentraBLOG

Bersama Untuk Berbagi

Membuat Navigasi Breadcrumbs Pada Blogger

Ini adalah menu navigasi yang sering ada pada blog wordpress, tapi pada blogspot juga bisa seperti yang ada pada sentra BLOG. Navigasi ini sangat berguna agar pengunjung bisa membaca artikel - artikel yang berkaitan dengan tulisan saat ini, tentunya setiap tulisan harus diberi label. Berikut ini cara membuat navigasi breadcrumbs pada blogspot.

Membuat Navigasi Breadcrumbs Pada Blogger
  1. Login ke akun blogger anda
  2. Lalu pilih "design" - "edit html"
  3. Terlebih dahulu download template anda, klik "download full template". Kemudian Upload lagi template yang sudah di download tadi.
  4. Cari baris ]]></b:skin> menggunakan find (CTRL + F). Lalu Copy dan Pastekan kode berikut di atas kode ]]></b:skin> tersebut.

    .breadcrumbs{
    padding:5px 5px 5px 0;
    margin:0;font-size:95%;
    line-height:1.4em;
    border-bottom:4px double #cadaef;
    }

  5. Selanjutnya cari kode <div class='post hentry'> atau <div class=;post hentry uncustomized-post-template'>, yang penting ada class post hentry nya, Lalu Copy dan Pastekan kode berikut di bawah kode tersebut.

    <b:if cond='data:blog.homepageUrl == data:blog.url'>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='breadcrumbs'>
    Browse &#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>

  6. Lalu Save Template dan lihat hasilnya.
  7. Semoga membantu.
  8. www.sentrablog.blogspot.com
  9. Finish


Baca Ini Juga :

40 comments:

Daris Firzan mengatakan...

thanks infonya
follow balek blog ane y..
http://sayaberitahu.blogspot.com/

bang ngangan mengatakan...

saya telah mencobanya, meski sedikit mengalami kesulitan namun akhirnya berhasil juga..
salam hangat, ditunggu tips selanjutnya sob..

obat kanker ampuh mengatakan...

jual obat gan

obat kanker ampuh mengatakan...

thx gan

obat kanker herbal mengatakan...

cara belanja

obat kanker ampuh mengatakan...

joss gan

obat kanker ampuh mengatakan...

jos gan

obat kanker ampuh mengatakan...

jos gan

obat kanker ampuh mengatakan...

mantep

obat kanker ampuh mengatakan...

jual obat kanker

obat kanker ampuh mengatakan...

jual obat kanker

obat kanker ampuh mengatakan...

joss

obat kanker ampuh mengatakan...

joss gan

obat diabetes herbal mengatakan...

jos gan

obat kanker ampuh mengatakan...

obat kanker gan

obat kanker herbal mengatakan...

cara mengobati kanker

obat kanker ampuh mengatakan...

jual obat gan

obat kanker ampuh mengatakan...

hebat gan

obat kanker ampuh mengatakan...

jual obat gan

obat kanker ampuh mengatakan...

jual obat kanker gan

obat kanker ampuh mengatakan...

jual obat kanker

obat kanker ampuh mengatakan...

jual obat kanker gan

obat kanker herbal mengatakan...

jual obat kanker gan

obat kanker herbal mengatakan...

lanjutkan gan

obat kanker herbal mengatakan...

jual kanker

obat kanker herbal mengatakan...

jual obat kanker gaan

obat kanker herbal mengatakan...

jual obat kanker gan

obat kanker ampuh mengatakan...

jos gan

obat kanker ampuh mengatakan...

gan jual obat kanker

obat kanker ampuh mengatakan...

jos gan

obat kanker herbal mengatakan...

jual obat kanker gan

obat kanker herbal mengatakan...

jual obat kanker gan

obat kanker ampuh mengatakan...

jual obat kanker gan

obat kanker ampuh mengatakan...

jualan obat kanker gan

obat kanker herbal mengatakan...

jual obat kanker gan

Muji Utomo mengatakan...

joas gan

obat kanker ampuh mengatakan...

jual obat kanker gan

obat kanker herbal mengatakan...

jajajja

obat kanker ampuh mengatakan...

jual obat kanker gan

obat kanker ampuh mengatakan...

jual obat kanker gan

Posting Komentar

Blog ini sudah dofollow, Tinggalkan komentar anda pada postingan ini dan Dapatkan BackLink Gratis ke Website/Blog anda. NO SPAM Please!!

 
PageRank Checking Icon Submit Your Site To The Web's Top 50 Search Engines for Free!