Cara Memasang Navigasi Breadcrumbs di Blog

5:03 PM
Cara Membuat Navigasi Breadcrumbs di Blog  - Jika kita membicarakan hal seputar blog dan SEO, memang tidak akan ada habisnya ya, dulu saya kira dalam blogging itu kita hanya perlu menulis artikel, ternyata saya salah, yang namananya kegiatan blogging ternyata tidak bisa dipisahkan dengan apa yang dinakan SEO. Apa itu SEO? anda dapat membaca artikel yang tentang "Apa itu SEO dan Apa Manfaatnya?". Ok, kita kembali ke pokok pembahasan, sebelum kita membahas bagaimana cara Membuat Navigasi Breadcrumbs di blog, disini saya akan menjelaskan pengertian atau definisi navigasi breadcrumbs itu sendiri.

Cara Memasang Navigasi Breadcrumbs di Blog | Zicblogger - Apa itu navigasi breadcrumbs?

Apa itu Navigasi Breadcrumbs?


Navigas breadcrumbs merupakan suatu navigasi atau petunjuk arah berbentuk internal link yang dapat mempermudah pengunjung dalam mengetahui dimana letak suatu konten blog/website. Navigasi breadcrumbs biasanya terletak diatas atau dibawah judul postingan / artikel. Biasanya urutan navigasi breadcrumbs akan dimulai dari Home, misalnya :
Home >> Nama Label / Kategori >> Judul Artikel / Postingan

Misalnya saya mempunyai artikel yang berjudul "Cara Cepat Mendapatkan Page Rank Terbaru", dan saya memaskan artikel tersebut kedalam kategori "Tips SEO" maka navigasi breadcrumbs yang terbentuk adalah sebagai berikut :

Cara Memasang Navigasi Breadcrumbs di Blog



Fungsi Navigasi Breadcrumbs?

Navigasi breadcrumbs berfungsi untuk mempermudah pengunjung dalam mengetahui posisi atau letak suatu konten atau artikel pada suatu blog. Navigasi breadcrumbs juga dapat mempermudah search engine dalam mengindex konten / artikel yang ada di blog kita.


Cara Memasang Navigasi Breadcrums

Bagaimana apakah anda tertarik untuk memasang navigasi breadcrums? jika jawabannya ya, silahkan anda ikuti beberapa langkah mudah memasang navigasi breadcrumbs di blog :

1. Login ke akun blogger
2. Klik "Template"
3. Kemudian "Edit HTML"
4. kemudian centang pada :


5. Silahkan copy kode dibawah ini :
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;
font-size: 90%;
line-height:1.4em;
border-bottom:1px solid black;
}
6. Lalu letakan diatas kode berikut :
]]></b:skin>

7. Kemudian simpan template

8. Selanjutnya anda copy kode dibawah ini :
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
You are Here &gt; <a expr:href='data:blog.homepageUrl'>Home</a> &gt;
<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>
</b:if> &gt; <data:post.title/>
</div>
</b:if>
</b:if>

 9. Letak kode tadi tepat dibawah kode berikut :
<b:includable id='post' var='post'>

10. Kemudian simpan template dan selesai. :)


Demikian artikel [+] Cara Memasang Navigasi Breadcrumbs di Blog [+], semoga artikel ini dapat bermanfaat dan jika ada hal yang belum anda fahami, silahkan tanyakan kembali melalui form komentar. Terimakasih


Note : 
Ini adalah cara memasang navigasi breadcrumbs standar, dan jika anda ingin mengetahui bagaimana cara membuat navigasi breadcrumbs yang langsung terindex google, jangan lupa untuk selalu mengunjungi blog ini. Karena saya akan menjelaskannya pada artikel selanjutnya.


Baca juga artikel menarik lainnya :
  1. Cara Mengetahui Blog Dofollow Nofollow dengan Mozila Firefox

  2. Dofollow Blog List Terbaru 2013 

  3. Apa dan Manfaat Blog Dofollow? ( Update! )

  4. Cara Merubah Blog Nofollow jadi Dofollow

  5. Mendaftarkan Blog ke Google Webmaster

  6. Cara Blog Walking Yang Efektif | Tips SEO

  7. Tips SEO - Social Bookmarking Dofollow List 2012

  8. Mengenal Apa itu Situs Social Bookmarking

  9. Memasang Rating Bintang Rich Snippet pada hasil SERP

  10. Apa dan manfaat Melakukan Ping!

  11. Tips Memilih Template Blog SEO Friendly

  12. Cara Membuat Link SEO Friendly

  13. Tips Memilih Nama Domain Blog / Website!

  14. Apa dan Manfaat SEO?

Share this

Related Posts

Previous
Next Post »

5 comments

Write comments

Berkomentarlah dengan bijak, tinggalkan komentar yang sifatnya dapat membangun diskusi antar sesama blogger. Mohon maaf jika komentar anda tidak sempat saya balas, karena saya hanya sendiri yang mengelola blog ini. Selain itu saya juga minta maaf jika komentar anda tidak saya tampilkan, itu karena komentar anda tidak memenuhi syarat. Sebelum berkomentar, sebaiknya anda baca beberapa hal penting berikut ini :

Komentar Yang tidak Akan ditampilkan :

[+] Komentar yang tidak relevan dengan tema artikel

[+] Komentar yang terdapat link didalamnya

[+] Komentar yang berisi kata-kata SARA, P*RNo ataupun SPAM

[+] Komentar yang hanya berisi ucapan terimakasih atau semacamnya


Mohon untuk dimaklumi. Terimakasih
EmoticonEmoticon