Cara Mudah Membuat Breadcrumb Terindex Oleh Google

Cara Mudah Membuat Breadcrumb Terindex Oleh Google | Membahas tentang blog memang tiada habisnya. Baru kemarin saya berdiskusi dengan teman saya tentang masalah coding HTML, JavaScrip, Php dan kawan-kawannya. Eh muncul lagi diskusi tentang breadcrumb.

Breadcumb adalah salah satu navigasi yang digunakan untuk memudahkan pengung atau visitor yang sedang menjelajahi blog kita agar si visitor tersebut tidak kebingungan dia sekarang sedang berada dimana. Nah breadcrumb ini sering kali dimodifikasi sesuai dengan keinginan masing-masing. Nah bagi agab-agan yang ingin membuat breadcrumb silahkan mengikuti tutorialnya di bawah ini :

1.    Login ke akun blogger agan-agan
2.    Kemudian pilih menu Template
3.    Setelah agan-agan pilih menu template agan-agan pilh Edit HTML
4.    Masukan kode css untuk breadcrumbnya dibawah ini, dan taruhlah di atas kode ]]></b:skin>

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}

5.    Setelah itu cari kode <b:includable id='main' var='top'> , setelah ketemu ganti kide tersebut dengan kode berikut 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'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</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'/>

6. Langkah yang terakhir adalah kita tinggal save saja dan lihat hasilnya.
 

Nah itulah postingan saya kali ini tentang Cara Mudah Membuat Breadcrumb Terindex Oleh Google semoga postingan saya kali ini bisa membantu agan-agan semuanya yang sedang mencari tutorial dengan tema postingan saya kali ini. Terimaksih

Cara Mudah Membuat Breadcrumb Terindex Oleh Google 9 Out Of 10 Based On 10 Ratings. 9 User Reviews.

Share 'Cara Mudah Membuat Breadcrumb Terindex Oleh Google' On ...

Anda baru saja membaca artikel yang berkategori Blogging dengan judul Cara Mudah Membuat Breadcrumb Terindex Oleh Google. Anda bisa bookmark halaman ini dengan URL http://os32.blogspot.com/2013/07/cara-mudah-membuat-breadcrumb-terindex.html. Terima kasih!

Ditulis oleh: MAN_3 - Saturday, July 13, 2013