Cara Membuat / Memasang Navigasi Breadcrumbs di Blog

Cara Pasang Breadcrumb Navigasi di Blog dan Cara Membuat Navigasi Breadcrumb Di Blog or keyword (How to Make a Breadcrumb Navigation) or atau Menu Navigasi Diatas Artikel Posting or Membuat Breadcrumb Menu Pada Blog Membuat menu navigasi berurutan di atas artikel posting atau istilahnya disebut breadcrumb,merupakan cara efektif untuk memberikan kemudahan pengunjung dalam melihat kategori posting suatu blog.Cara Pasang Breadcrumb Navigasi di Blog Disamping itu dari segi seo(search engine optimization),Google sudah support/mendukung breadcrumb ini. Cara Membuat Menu Breadcrumb Navigasi Di Blog
Untuk melihat hasil dari sebuah blog yang sudah membuat breadcrumb/menu navigasi diatas posting bisa lihat gambar.

Cara Membuat Menu Navigasi Breadcrumb

Atau bisa kunjungi situs teman saya langsung di blog latihan seo nya.
Untuk membuatnya kita bisa menggunakan script ciptaan hoctro di hoctro.blogspot.com
Pelajaran Blog ingin menjabarkannya kembali langkah cara membuat breadcrumb/menu navigasi diatas artikel posting ini dalam bahasa Indonesia.

Langkah Cara Membuat Breadcrumb Pada Blogger



Pertama,pastikan anda sudah membuat label pada blog.

Selanjutnnya,pergi ke Dashboard,lalu pilih Tata Letak dan kemudian pilih Edit HTML,jangan lupa contreng tulisan Expand Widget Templates.
Selanjutnya cari kode berikut (gunakan Ctrl+F pada keyboard anda untuk membantu pencarian):

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


Setelah ketemu,letakkan breadcrumb script berikut tepat diatasnya.

<b:includable id='breadcrumbs' var='post'>

<!-- Breadcrumbs hack. By Hoctro 9/11/2006 http://hoctro.blogspot.com -->
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>

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

</b:if>
</span>
</p>
</b:if>
<!-- End of Breadcrums Hack -->
</b:includable>


Kemudian,cari lagi kode berikut:

<b:if cond='data:post.dateHeader'>


Jika sudah ketemu,letakkan kode dibawah ini tepat diatasnya.

<b:include data='post' name='breadcrumbs'/>


Nah,sekarang cari kode ]]></b:skin> ,jika sudah ketemu letakkan barisan kode css breadcrumb dibawah ini tepat diatasnya.

.breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}



Simpan TEmplate Lalu Selesai...

menu navigasi breadcrumbs ini hanya akan terlihat diatas artikel anda atau dibawah judul blog anda saat anda membuka halaman suatu posting bukan halaman utama blogspot anda.

Source : Pelajaran Blog



Warning : Mohon Konfirmasikan Link Anda Kembali Pada Link Populer Blog ini di halaman Homepage Blog ini karna Saya baru ganti template dan tidak membackup Link link sobat
,
Mohon Maaf yah Terima Kasih ^_^

Semoga Artikel Tutorial Blogspot Cara Membuat Navigasi Breadcrumb dapat membantu sobat semua Agar TEmplate blog sobat menjadi Seo Friendly

lihat berita yang lagi heboh di dunia bloggers
RUU Anti Pembajakan SOPA Dan PIPA

Rating:5


Article Information :
Description: Cara Membuat / Memasang Navigasi Breadcrumbs di Blog
Reviewer: Unknown - ItemReviewed: Cara Membuat / Memasang Navigasi Breadcrumbs di Blog - Rating: 5
10out of 10 based on 32,050 ratings. 1 user reviews.
DMCA.com
Jangan kalah dengan blogger negara tetangga, sertakan link sumber saat berbagi informasi .

Rekomendasi Post

1 komentar:

 
x

We Need Your Help :(

Subscribe Now !
 
 FB


Get This