Membuat Breadcrumbs Blogspot - Untuk agar blog menjadi lebih SEO, cara memasang
breadcrumbs blog agar muncul di mesin pencari.
1. Log in ke blogger.com
2. pilih design atau rancangan
3. pilih edit html,centang expand temlate widget supaya semua kode muncul semua dan jangan lupa back up template untuk jaga jaga dengan cara mendownload full template
4. Lalu Cari kode tag ]]></b:skin> dan letakkan kode dibawah ini diatasnya
.breadcrumbs{border-bottom:1px dotted #999;margin:2em 0 0.5em;padding:0 0 0.5em;font-size:10px}
5. Cari kode <b:includable id='main' var='top'>
6. Jika sudah ketemu , letakkan kode dibawah ini di atas kode no.6
<b:includable id='breadcrumbs' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
Anda Berada di  :
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> >
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
> <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
<!-- End of Breadcrums Hack -->
</b:includable>
7. Cari kode <b:loop values='data:posts' var='post'> pilih kode yang pertama di temukan, jika sudah ketemu, silahkan letakan kode berikut di bawahnya
<b:include data='post' name='breadcrumbs'/>
8. Save template .
Begitulah cara membuat menu navigasi breadcrums di blog, semoga artikel breadcrumb ini bermanfaat.
1. Log in ke blogger.com
2. pilih design atau rancangan
3. pilih edit html,centang expand temlate widget supaya semua kode muncul semua dan jangan lupa back up template untuk jaga jaga dengan cara mendownload full template
4. Lalu Cari kode tag ]]></b:skin> dan letakkan kode dibawah ini diatasnya
.breadcrumbs{border-bottom:1px dotted #999;margin:2em 0 0.5em;padding:0 0 0.5em;font-size:10px}
5. Cari kode <b:includable id='main' var='top'>
6. Jika sudah ketemu , letakkan kode dibawah ini di atas kode no.6
<b:includable id='breadcrumbs' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
Anda Berada di  :
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> >
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
> <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
<!-- End of Breadcrums Hack -->
</b:includable>
7. Cari kode <b:loop values='data:posts' var='post'> pilih kode yang pertama di temukan, jika sudah ketemu, silahkan letakan kode berikut di bawahnya
<b:include data='post' name='breadcrumbs'/>
8. Save template .
Begitulah cara membuat menu navigasi breadcrums di blog, semoga artikel breadcrumb ini bermanfaat.
Related Post
Tutorial Blog
- Cara Mendapatkan Sitelink di Google
- Cara Membuat Popular Post Fungsi Scroll
- Cara Memasang Share Button Facebook, Twitter, Google di Blog
- Cara Membuat Related Post di Blog
- Cara Membuat Recent Post di Blog
- Cara Sederhana Memasang Comment Facebook di Blog
- Cara Membuat Google+ Button Pada Setiap Post
- Cara Membuat Like Button Facebook di Blog
- Cara Membuat Widget LinkWithin Hanya Muncul di Halaman Posting
- Cara Membuat Link List/Daftar Link Dengan Fungsi Scroll
- Cara Memasang Widget Sharing Is Sexy
- Cara Memasukkan Link Ke Gambar di Blog
- Cara Membuat Related Posts Fungsi Thumbnails
- Perlukah Show Word Verification di Blogspot?
- Cara Membuat Page Menu Melayang di Blogspot
- Cara Membuat Page Menu Blogspot
- Cara Membuat Daftar Isi Otomatis Dengan Fungsi Scroll
- Cara Mengganti Favicon Di Blogspot
- Cara Mengaktifkan Menu Earnings di Blogger
- Cara Memasang Widget Alexa di Blogspot
- Cara Membuat Text Area Pada Blogspot
- Cara Membuat Mesin Pencari Blog Sendiri
- Cara Submit Blog ke Mesin Pencari Google
- Insert Blogger Meta Tag for SEO Friendly
- Cara Membuat Archive dengan Scroll
8 comments: on "Cara Membuat Breadcrumbs Blog"
thanks ya mas.tutornya work 100%
ok sama-sama gan..
Ok gan, makasih tutorialnya :D
coba dulu ya sob hehehehe
@ Septia : Sama-sama gan...
@Limit Post : Silahkan gan,,,
fungsinya untuk apa GAN ??
@Rully Syafira :
Liat di atas judul posting ini, hasilnya seperti ini :
Home > Tutorial Blog > Cara Membuat Breadcrumbs Blog
Fungsinya agar blog lebih SEO Friendly.
Post a Comment