Cara Memasang Navigasi Breadcrumb di Blog

Cara Memasang Navigasi Breadcrumb di Blog - Navigasi Breadcrumb berguna untuk menavigasi visitor atau pengunjung untuk kembali ke Home/Beranda , karena tersusun dari link-link, dan membuat blog anda lebih SEO breadcrumb merupakan sebuah navigasi yang tedapat pada halaman situs memiliki fungsi untuk melacak setiap halaman dan postingan sehingga memudahkan pembaca untuk  menjelajahi situs berdasarkan kategori yang ada,serta visitor tidak akan bingung ketika ingin mencari data yang terdapat pada sebuah situs karena ia bisa memilih topik dengan mudah juga bisa kembali ke halaman utama. Fungsi breadcrumb pada search engine akan memudahkan mesin pencari untuk merayapi setiap hasil postingan sebuah situs untuk disesuaikan dengan pencarian yang ada sehingga memudahkan para pencari informasi menemukan sumber referensi secara akurat karena dalam hasil pencarian situs akan ditampilkan snipet.

 Contoh : Beranda > LABEL > NAMA ARTIKEL

1.Masuk ke Blog anda > Edit HTML,

"PENTING : SELALU DOWNLOAD/ CADANGKAN TEMPLATE ANDA AGAR TERHINDAR DARI YANG NAMANYA KEGAGALAN"

2. Beri centang pada Expand Widget Templates

3. Cari kode ini ]]></b:skin>

4. Setelah ketemu copy kode berikut di ATAS kode ]]></b:skin>

.breadcrumbs {
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #e2e7b4;
}
.breadcrumbs a {
text-decoration:none;
color: #000000;
}

5. Kemudian cari lagi kode ini <div class='post hentry'>

6. Setelah ito copykan kode berikut persis di bawah kode di atas

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>MASUKKAN KEYWORD BLOG DI SINI</a> &#187; <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> &#187; <data:post.title/> </div> </b:if> </b:if>

7. Pada bagian MASUKKAN KEYWORD BLOG DI SINI ganti dengan keyword blog milik sobat, atau bisa juga di ganti dengan tulisan HOME, BERANDA dan sejenisnya

8. Save Template , lihat apakah berhasil. kalau tidak berhasil upload lagi template cadangan yang barusan didownload atau hapus kode diatas dari template anda

 

Title: Cara Memasang Navigasi Breadcrumb di Blog; Written by Unknown; Rating: 5 dari 5