Cara Tambah Breadcrumbs di Blogger?

Cara Tambah Breadcrumbs di Blogger?

Breadcrumb adalah jejak navigasi yang menceritakan tentang lokasi pengunjung pada situs atau blog. Berarti hal ini membantu untuk memahami pengunjung atau pembaca yang di mana lokasi blog Anda mereka. Hal ini digunakan untuk membuat website user friendly di mana mereka dapat dengan mudah mengunjungi halaman blog Anda tanpa masalah. Ada manfaat terhitung menggunakan breadcrumb trail di blog. Hal ini juga membantu untuk meningkatkan eksposur situs Anda di mesin pencari dengan menambahkan kata kunci ke dalam posting blog Anda. Sebagai contoh jika Anda menulis posting tentang cara mengirimkan blogger sitemap di Google dan tag dengan nama label SEO maka akan menciptakan jejak navigasi di bagian atas judul posting Anda sebagai berikut.

Sekarang Anda telah memahami apa yang remah roti dan manfaatnya dalam SEO. Jadi, mari kita lihat langkah-langkah menambahkan ke blog blogger.

Tambahkan Breadcrumbs di Blogger untuk Keuntungan SEO Keuntungan

Sekarang ikuti langkah-langkah berikut:

1. Pergi ke Blogger Dashboard> Edit HTML> Lanjutkan> Centang Expand Widget Template Box


2. Sekarang tekan Ctrl + F dan cari kode di bawah ini.




<B: include data = 'top' name = 'status pesan' />



3. Ganti kode dengan bawah satu.



<B: include data = 'top' name = 'status pesan' />
<B: include data = 'post' name = 'breadcrumb' />



4. Sekarang cari kode ini pada template blog Anda.



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



5. Gantilah dengan kode di bawah ini.



<B: includable id = 'breadcrumb' var = 'post'>
<B: if 'data: blog.homepageUrl == Data: blog.url' = cond>
<! - Tidak ada breadcrumb di halaman rumah ->
<B: else />
<B: if 'data: blog.pageType == "item"' = cond>
<! - Breadcrumb untuk halaman posting ->
<P class = "remah roti '>
<Span class = 'post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'> Depan </a>
<B: 'data: posts' nilai lingkaran = var = 'post'>
<B: if cond = 'data: post.labels'>
<B: 'data: post.labels' nilai lingkaran = 'label' var =>
<B: if cond = 'data: label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'> <data: label.name/> </a>
</ B: if>
</ B: lingkaran>
<B: else />
»Tak berlabel
</ B: if>
»<Span> <data: post.title /> </ span>
</ B: lingkaran>
</ Span>
</ P>
<B: else />
<B: if cond = 'data: blog.pageType == "archive"'>
<! - Breadcrumb untuk halaman dan pencarian label arsip halaman .. ->
<P class = "remah roti '>
<Span class = 'post-labels'>
<a expr:href='data:blog.homepageUrl'> Rumah </a> »Arsip untuk <data: blog.pageName />
</ Span>
</ P>
<B: else />
<B: if cond = 'data: blog.pageType == "index"'>
<P class = "remah roti '>
<Span class = 'post-labels'>
<B: if 'data: blog.pageName == "" "= cond>
<a expr:href='data:blog.homepageUrl'> Depan </a> »Semua posting
<B: else />
<a expr:href='data:blog.homepageUrl'> Rumah </a> »Posts filed under <data: blog.pageName />
</ B: if>
</ Span>
</ P>
</ B: if>
</ B: if>
</ B: if>
</ B: if>
</ B: includable>
<B: includable id = 'main' var = 'top'>
<! - Breadcrumbs oleh http://www.sitessubmitter.com/-->



6. Cari]]> </ b: skin> dan paste kode di bawah ini tepat di atas / sebelum.



/ * Breadcrumbs oleh http://www.sitessubmitter.com/ * /
.breadcrumbs {
padding: 5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size: 95%;
line-height: 1.4em;
border-bottom: 3px ganda # e6e4e3;
}



7. Klik tombol simpan template yang.
8. Selesai!