Sempak Mungil XI IPS 4

Memasang Navigasi  Breadcrumbs pada blog sebelumnya sudah pernah Dapur Tutorial Blogspot bahas, pada kesempatan kali ini Dapur Tutorial Blogspot akan kembali mengulas tentang Navigasi  Breadcrumbs. Sedikit berbeda dengan Navigasi  Breadcrumbs sebelumnya dimana Navigasi  Breadcrumbs yang sekarang akan terindex oleh search engine Google.

Buat sobat blogger yang belum paham Navigasi  Breadcrumbs bisa baca penjelasannya pada tutorial sebelumnya tentang cara memasang Cara Memasang Menu Navigasi Breadcrumbs Pada Blog. Bagi yang sudah tau langsung saja ke TKP.

Berikut langkah-langkah untuk memaang menu Navigasi Breadcrumbs terindex google :

1. Pastikan sobat blogger sudah login ke akun blogger
2. Sekarang sobat harus masuk ke halam Edit HTML caranya bisa sobat blogger baca di Tutorial Cara mengakses halaman Edit HTML
3. Jika sobat blogger sudah masuk kehalam Edit HTML akan dihadapkan dengan halaman seperti berikut :

4. Sekarang Cari Kode ]]></b:skin> (Gunakan Tomol CTRL + F dan F3 untuk memudahkan pencarian kode)
5. Apabila sudah ketemu Copy Kode Dibawah dan letakan Diatas kode ]]></b:skin>

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

6. Berikutnya cari kode <b:includable id='main' var='top'> 
7. Jika sidah ketemu Ganti Kode tersebut 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'/>

8. Terakhir jangan lupa klik Simpan

Untuk melihat hasilnya ada bisa kunjugi halam Google richsnippets >>Disini Masukan URL Artikel Blog sobat. ingat URL Artikel bukan URL home page ok. Good luck semoga berhasil