membuat dan memasang Breadcrumbs | Tulisan Dika

Minggu, 27 Februari 2011

Home » » membuat dan memasang Breadcrumbs

membuat dan memasang Breadcrumbs

Breadcrumbs itu apa???
Breadcrumbs navigation itu adalah serupa jejak, yaitu merupakan sebuah navigasi yang digunakan untuk membantu user interface di website.

Banyak orang yang memiliki blogger untuk memasang breadcrumbs di Blognya, mengapa???
jawabannya adalah, karena breadcrumbs dapat membantu blog kita menjadi SEO friendly.

Breadcrumbs memungkinkan kategori label yang ada pada blog kita menjadi kata kunci dalam postingan kita, sehingga akan tampil label yang berkaitan dan terkait dengan isi label lainnya.
bingung yah??


Langsung saja deh buat breadcrumbs navigation, nih caranya hehe...
  • Login ke Blogger anda
  • di menu Dasboard pilih rancangan
  • lalu klik Edit HTML
  • beri checklist pada expand template widgets
  • lalu tekan ctrl+F dan cari kode ]]></b:skin>
  • copy dan paste kode berikut dan letakkan tepat diatas kode ]]></b:skin>
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #ff0000;
}
  • Lalu tekan ctrl+F dan cari kode <div class='post hentry uncustomized-post-template'> atau kode <div class='post hentry'>
  • copy dan paste kode berikut tepat dibawah kode tersebut
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>

Browse &#187; <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>

</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>

  • Save
selesai sudah cara membuat Breadcrumbs untuk blog anda, jika mengalami kesulitan, komentar saja di postingan saya ini yah.
cukup sekian dan selamat berkarya untuk anda semua
yondaime

0 komentar:

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n:

Posting Komentar

Silahkan Anda berkomentar jika anda mendukung blog ini agar terus maju.
----------------------------------------
| No SPAM, No Porn, No SARA |
----------------------------------------

Selamat datang dan selamat membaca artikel di Dika | Dika via Handphone Klik disini