Cara Mudah Membuat Breadcrumb di Blog - Hallo sahabat trick terbaru, Pada Artikel yang anda baca kali ini dengan judul Cara Mudah Membuat Breadcrumb di Blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogging, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Mudah Membuat Breadcrumb di Blog
link : Cara Mudah Membuat Breadcrumb di Blog

Cara Mudah Membuat Breadcrumb di Blog

Cara Mudah Membuat Breadcrumb -Sebelum kita membahas bagaimana cara membuat breadcrumb apa sih gunanya? Mungkin itu pertanyaan umum yang timbul di pikiran anda. Sebenarnya kegunaan breadcrumb adalah untuk membuat peta situs lokasi blog anda, memudahkan mesin pencari memetakan struktur blog, salah satu cara SEO blog dan lain sebainya. Banyak kegunaannya kan. Maka sampai saat ini banyak blog memasang breadcrumb di blognya, apa anda tertarik, jika iya ikuti langkah-langkah berikut:

1. Log in ke akun Blogger
2. Klik Template dan edit HTML
3. Cari kode ]]></b:skin> dan letakkan kode berikut diatasnya:

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

4. Jika sudah terpasang lanjutkan cari kode berikut:

<b:includable id='main' var='top'>

5. Kalau sudah ketemu hapus kode itu dan ganti 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'/>

6. Klik Simpan dan lihat hasilnya.

Demikianlah Artikel Cara Mudah Membuat Breadcrumb di Blog

Sekianlah artikel Cara Mudah Membuat Breadcrumb di Blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Mudah Membuat Breadcrumb di Blog dengan alamat link https://trickterbaruagar.blogspot.com/2014/07/cara-mudah-membuat-breadcrumb-di-blog.html

Tweet