Cara Membuat Breadcrumbs SEO Blogger

Cara Membuat Breadcrumbs SEO Blogger - Blogger Update. Breadcrumbs adalah salah satu Trik SEO Blogger yang cukup ampuh karena trik breadcrumbs bisa membantu googleboot untuk lebih mudah mengenali struktur dari blog kita.Tehnik Breadcrumbs ini masih sangat populer dan hampir semua blog atau website memakai trik breadcrumbs ini. Untuk template dari penyedia-penyedia gratisan biasanya belum dilengkapi breadcrumbs sehingga anda perlu Membuat Breadcrumbs Blogger sendiri. Lihatlah screenshoot Breadcrumbs SEO Blogger : 

Langkah-Langkah Membuat Breadcrumbs Blogger

1. Masuk ke Blogger
2. Masuk ke Dashboard Blogger anda.

3. Pilih dan klik tab 'Template'

4. Cari kode ]]></b:skin>, copy script dibawah ini dan letakkan tepat diatas kode ]]></b:skin>.

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

5. Setelah itu, cari kode seperti ini <b:includable id='main' var='top'>
6. Lalu ganti kode  <b:includable id='main' var='top'> dengan kode dibawah 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'/>

7. Klik 'Simpan Template' dan selesai
 
Sekian dari saya Mochammad Fikri yang menuliskan artikel tentang Cara Membuat Breadcrumbs SEO Blogger. Terima kasih sudah berkunjung

Dilarang untuk meng-copas artikel ini kecuali menuliskan sumbernya

Cara Membuat Breadcrumbs SEO Blogger 2013-12-10T21:45:00+07:00 Rating: 4.5 Diposkan Oleh: Fikri