BUAT BREADCRUMB DENGAN BANYAK LABEL

Buat Breadcrum Dengan Banyak Label - Tentunya sobat semua sudah sangat paham tentang arti breadcrumb dan kegunaannya bagi blog kita, saya tidak akan membahas itu hanya saja saya akan bahas tentang Breadcrumb versi terbaru. Kita ketahui bersama breadcrumb lama tidak bisa mengadopsi banyak label dan hanya satu label saja, itu jelas akan membatasi kita untuk membuat banyak kategori atau label, karena jika kita pasang banyak kategori breadcrumb biasanya error. Nah ini ada versi terbaru untuk buat breadcrumb dengan banyak label, dan antar label dipisahkan dengan tanda koma, sehingga dengan breadcrumb banyak label, kita bisa mengimprovisasi blog kita dengan banyak kategori sehingga blog kita bisa SEO friendly, dan diharapkan bisa menaikkan SERP kita dan traffic bisa meningkat sehingga bisa lebih cepat terindeks di mesin pencari. Nah tanpa harus berpanjang lebar marilah kita langsung ke TKP :

1. Seperti biasanya login dulu blog sobat di Blogger, lalu pilih "Rancangan", terus klik Tab "Edit HTML" , Centang Kotak Expand Template Widget.

 2.  Cari kode berikut mirip seperti  <div class='post hentry'>  (atau ketikkan hentry pada kotak search, tekan ctrl + F untuk membuka kotak search)
 
3.  Copy kode berikut, dan paste tepat di bawah kode  <div class='post hentry'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
<span class='Apple-style-span' style='font-family: Verdana, sans-serif;'>Your Are Here</span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9P1bT0A4NmdjLHtylMyozS8LfEKVi_AxPtBPhr4uTD_TpqXbmStktlK4RZdYt_Et2ooLuHUm7LjgpmRH1SCsZZA4df4cQhSctSvFjgLUmNHGbVri1K_TLUvHbF6HANDDqvt4RGKTV5vg/s1600/kangsalman+crumb.gif'/> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
&#187;
<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 != &quot;true&quot;'>,</b:if>
</b:loop>
&#187;
</b:if>
<data:post.title/>
</div>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
<span class='Apple-style-span' style='font-family: Verdana, sans-serif;'>Browse</span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9P1bT0A4NmdjLHtylMyozS8LfEKVi_AxPtBPhr4uTD_TpqXbmStktlK4RZdYt_Et2ooLuHUm7LjgpmRH1SCsZZA4df4cQhSctSvFjgLUmNHGbVri1K_TLUvHbF6HANDDqvt4RGKTV5vg/s1600/kangsalman+crumb.gif'/> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
&#187; Archives for <data:blog.pageName/>
</div>
</b:if>

Jika sudah selesai, simpan template dan lihatlah hasilnya... dan jika sobat ingin menggunakan kotak (border) dalam breadcrumb, tambahkan  kode berikut ini tepat di atas ]]></b:skin> :

.breadcrumbs {
padding:8px 0px 10px 5px;
margin: 0px 0px 5px 0px;
font-size:88%;
border:1px double
#e6e4e3;
}

Setelah itu simpan template, dan cek sekali lagi hasilnya....wow...amazing man...hehehe.
Demikian artikel tentang " Buat Breadcrumb Dengan Banyak Label," semoga bermanfaat, dan jika ada kritik atau saran yang bersifat membangun monggo dikomentari..terima kasih.

Dipersembahkan Oleh : cillasmartcorp ~ Blog Khusus Kontes SEO dan Blogger

Sobat sedang membaca artikel tentang BUAT BREADCRUMB DENGAN BANYAK LABEL dan sobat bisa menemukan artikel BUAT BREADCRUMB DENGAN BANYAK LABEL ini dengan url https://kseoblog.blogspot.com/2012/05/buat-breadcrumb-dengan-banyak-label.html, Sobat boleh menyebar luaskannya atau mengcopy paste-nya jika artikel BUAT BREADCRUMB DENGAN BANYAK LABEL ini sangat bermanfaat bagi sobat semua, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya : <a href="https://kseoblog.blogspot.com/2012/05/buat-breadcrumb-dengan-banyak-label.html" target="_blank">BUAT BREADCRUMB DENGAN BANYAK LABEL</a>

ARTIKEL TERKAIT BUAT BREADCRUMB DENGAN BANYAK LABEL