Apa sih itu breadcrumb? breadcrumb itu adalah history tempat artikel kita dan biasa dipakai di forum2, misalkan kamu post artikel di parent kategori “SEO” terus ada subkategorinya “tutorial blog”, maka breadcrumbnya menjadi :
1. Masuk ke blogger anda
2. Klik tab layout
3. Klik tab Edit HTML
4. Jangan lupa back up dulu template blog anda
5. Klik box beside Expand Widget Template expand
6. Cari kode ]]></b:skin>
7. Paste kode dibawah ini persis diatas kode ]]></b:skin>
<div class=’post hentry uncustomized-post-template’>
9.Paste kode dibawah ini tepat dibawah kode <div class=’post hentry uncustomized-post-template’>
11. Dan lihat hasilnya di blog anda.
Cara Pasang Breadcrumb Di Blogger Cara 2
1. Masuk ke blogger anda
2. Klik tab layout
3. Klik tab Edit HTML
4. Jangan lupa back up dulu template blog anda
5. Klik box beside Expand Widget Template expand
6. Cari kode ]]></b:skin>
7. Paste kode dibawah ini persis diatas kode ]]></b:skin>
Setelah itu letakkan kode berikut tepat di bawah kode <b:includable id=’post’ var=’post’> tadi:
Cara Pasang Breadcrumb Di Blogger Cara 3
Navigasi breadcrumb di blogspot akan tampil berdasarkan label/tag dari postingan anda. Berikut tutorialnya.
1. Masuk ke blogger.
2. Pilih menu Tata Letak (Layout) » Edit HTML.
3. Centang tulisan Expand Widget Templates.
4. Cari kode beriku
<b:if cond=’data:post.title’>
5.Tambahkan kode berikut di bawahnya.
8.Simpan template.
Anda bisa menambahkan garis di bawah navigasi dengan menambahkan kode di bawah kode <hr/><data:post.title/> di atas.
Selamat Mencoba ya..
Berikut ceritanya, lho maksudnya begini caranya :
Cara Pasang Breadcrumb Di Blogger Cara 11. Masuk ke blogger anda
2. Klik tab layout
3. Klik tab Edit HTML
4. Jangan lupa back up dulu template blog anda
5. Klik box beside Expand Widget Template expand
6. Cari kode ]]></b:skin>
7. Paste kode dibawah ini persis diatas kode ]]></b:skin>
.breadcrumbs{8.Kemudian cari kode berikut
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;}
<div class=’post hentry uncustomized-post-template’>
9.Paste kode dibawah ini tepat dibawah kode <div class=’post hentry uncustomized-post-template’>
<b:if cond=’data:blog.homepageUrl == data:blog.url’>10. Save hasil modifikasi
<b:else/>
<b:if cond=’data:blog.pageType == "item"’>
<div class=’breadcrumbs’>
Browse » <a expr:href=’data:blog.homepageUrl’>Home</a> »
<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>
</b:if> » <data:post.title/>
</div>
</b:if>
</b:if>
11. Dan lihat hasilnya di blog anda.
Cara Pasang Breadcrumb Di Blogger Cara 2
1. Masuk ke blogger anda
2. Klik tab layout
3. Klik tab Edit HTML
4. Jangan lupa back up dulu template blog anda
5. Klik box beside Expand Widget Template expand
6. Cari kode ]]></b:skin>
7. Paste kode dibawah ini persis diatas kode ]]></b:skin>
.breadcrumbs{8. Kemudian cari kode <b:includable id=’post’ var=’post’>
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
Setelah itu letakkan kode berikut tepat di bawah kode <b:includable id=’post’ var=’post’> tadi:
<div class=’breadcrumbs’>9. Kemudian silahkan simpan perubahan template anda dan silahkan cek di halaman artikel (post page) apakah Breadcrumb sudah ada.
Browse: <a expr:href=’data:blog.homepageUrl’>Home</a> / <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>
</b:if> / <a expr:href=’data:post.link’><data:post.title/></a>
</div>
Cara Pasang Breadcrumb Di Blogger Cara 3
Navigasi breadcrumb di blogspot akan tampil berdasarkan label/tag dari postingan anda. Berikut tutorialnya.
1. Masuk ke blogger.
2. Pilih menu Tata Letak (Layout) » Edit HTML.
3. Centang tulisan Expand Widget Templates.
4. Cari kode beriku
<b:if cond=’data:post.title’>
5.Tambahkan kode berikut di bawahnya.
<b:if cond=’data:blog.pageType == “item”‘>7.Jangan lupa ganti tulisan warna biru dengan nama blog anda.
<a href=’http://namablog.blogspot.com/’>Home</a> »
<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>
»
</b:if>
<data:post.title/>
</b:if>
8.Simpan template.
Anda bisa menambahkan garis di bawah navigasi dengan menambahkan kode di bawah kode <hr/><data:post.title/> di atas.
Selamat Mencoba ya..
Bookmark this post: |
Blogger
18.32
0 Responses to "Cara Membuat Navigasi Breadcrumb di Blogger"
Posting Komentar