Assalamu'alaikum! Saya sedikit bingung dengan judul yang pas dengan artikel ini. Navigasi breadcrumb adalah suatu widget, tepatnya link yang menunjukkan dari mana kita bisa sampai ke postingan tersebut, itu menurut pemikiran saya. Jangan diambil pusing, coba sobat lihat apa yang ada di atas judul posting. Nah, silahkan sobat ambil kesimpulan sendiri saja apa itu navigasi breadcrumb.
Saya sendiri berpikir bahwa navigasi breadcrumb ini sangat SEO friendly. Mengapa? Karena saya sering melihatnya pada blog-blog yang sudah terkenal. Percaya atau tidak percaya mari kita coba buktikan saja. Nah, ayo langsung saja kita ke TKP ..
1. Dasbor > Rancangan > Edit HTML
2. Centang kotak 'Expand Template Widget'
3. Cari kode ]]></b:skin>
4. Masukkan kode CSS di bawah ini tepat sebelum (di atas) kode ]]></b:skin>
5. Kemudian cari kode <b:includable id='post' var='post'>
6. Copy kode di bawah ini dan paste-kan setelah (di bawah) kode <b:includable id='post' var='post'>
Simpan template !
Nah, itu dari cara membuat navigasi breadcrumb. Oke sob, sekian dulu dari saya ^^ ...
Saya sendiri berpikir bahwa navigasi breadcrumb ini sangat SEO friendly. Mengapa? Karena saya sering melihatnya pada blog-blog yang sudah terkenal. Percaya atau tidak percaya mari kita coba buktikan saja. Nah, ayo langsung saja kita ke TKP ..
1. Dasbor > Rancangan > Edit HTML
2. Centang kotak 'Expand Template Widget'
3. Cari kode ]]></b:skin>
4. Masukkan kode CSS di bawah ini tepat sebelum (di atas) kode ]]></b:skin>
.breadcrumb {
padding:5px 5px 5px 0px;
margin: 0px 0px 10px 0px;
font-size:90%;
line-height: 1.2em;
border-bottom:3px double #e6e4e3;
}
padding:5px 5px 5px 0px;
margin: 0px 0px 10px 0px;
font-size:90%;
line-height: 1.2em;
border-bottom:3px double #e6e4e3;
}
5. Kemudian cari kode <b:includable id='post' var='post'>
6. Copy kode di bawah ini dan paste-kan setelah (di bawah) kode <b:includable id='post' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumb'>
<a expr:href='data:blog.homepageUrl' rel='tag'> Home</a> »
<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 != "true"'>,</b:if>
</b:loop>
»
</b:if>
<div class='breadcrumb'>
<a expr:href='data:blog.homepageUrl' rel='tag'> Home</a> »
<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 != "true"'>,</b:if>
</b:loop>
»
</b:if>
Simpan template !
Nah, itu dari cara membuat navigasi breadcrumb. Oke sob, sekian dulu dari saya ^^ ...
gk bisa sob..aku uda coba..
ReplyDelete@6123488378770136390.0
ReplyDeleteMasa engga bisa sih?
Saya tuh bisa sob, barang kali saja ada tutor yang kelewat, coba dibaca sekali lagi dengan seksama ^^
Maaf, tapi tetap nggak bisa gan. Bisa lebih jelas lagi?
ReplyDeletemakasi atas infonya gan
ReplyDeletemakasi atas infonya gan
ReplyDelete@3241877147773570083.0
ReplyDeleteEngga bisa kenapa? Apa ada kode yang tidak ketemu?
Mantappp.. thanks sharingnya ya... :)
ReplyDeleteMF gan ni kok gx bisa iy....
ReplyDeletesaat mau disimpan dia mengatakan..
Kesalahan saat mengurai XML, baris 1312, kolom 3: The element type "div" must be terminated by the matching end-tag ""
gak bisa gan..
ReplyDeleteiya gak bisa gan .. mhon penjelasannya
ReplyDeleteKesalahan saat mengurai XML, baris 1702, kolom 3: The element type "div" must be terminated by the matching end-tag
ReplyDeleteitu masalah ku gimana tuh mohon solusinya
ini yang aku cari, kebetulan pas masuk di sini. belum aku coba. http://taman-ternak.blogspot.com/
ReplyDeleteterimakasih bro. permisi sedot. salam kenal.
ReplyDeletewah mantap juga ni kunjungin balik ya
ReplyDeletehttp://mycheat21.blogspot.com/