0

Cara Mudah Membuat Breadcrumb di Blog

Cara Menghilangkan label Dibawah Postingan
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.

Unknown

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

Tidak ada komentar:

Posting Komentar