Skip to main content

Cara Membuat Breadcrumb

Breadcrumb

Saat mencari tutorial SEO Blogger, ada yang mengharuskan Membuat Breadcrumb di Blog, Nah setelah dicari-cari ternyata ketemu, tapi saat mencari gambar, kan penasaran kalau tidak ada gambarnya, eh malah nemu kaya gambar di atas. Ternyata Breadcrumb ada juga selain trik blogger. Malah makanan, hi hi hi, baru tau, 

Sebenarnya apasih breadcrumb? saya sendiri belum begitu paham arti dan fungsi breadcrumb itu sendiri. Penting apa gak sih breadcrumb ini bagi blogger? Kalau saya sendiri breadcrumb ini tidak terlalu penting bagi blog, karna hanya menunjukkan urut-urutan dimana artikel kita berada. Sebagai contoh home, (label blog kita) trus halaman posting. Gak penting kan, Tapi kata master2, breadcrumb ini sangat penting untuk menunjang SEO blog kita agar lebih enak di akses oleh google atau search engine lain.

Ada banyak cara membuat breadcrum ini, baik silakan pilih saja dari 2 cara berikut :

# Cara pertama

1. Login ke blogger.com
2. Klik Tata Letak.
3. Pilih tab Edit HTML
4. Click Download Full Template and
please back up your template first.
5. Kemudian beri tanda centang
pada kotak kecil di samping
tulisan Expand Template Widget.
6. Silahkan cari kode ]]></b:skin>
7. Copy lalu paste kode di bawah
ini persis di atas kode
]]></b:skin>

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double
#e6e4e3;
}

8. Silahkan cari kode berikut pada
template anda :
<div class='post hentry uncustomized-post-template'>

9. Copy lalu paste kode di bawah ini persis di bawah kode <div class='post hentry uncustomized-post-template'>


<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>

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

</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>

10. Kemudian Save Template.

# Cara Kedua
Cara ini yang paling simpel :
Cari kode 
<b:if cond='data:post.title'> (dan semoga ada, He)

Lalu tambahkan kode berikut, tepat dibawahnya kode tadi


<b:if cond='data:blog.pageType == "item"'>
<a href='http://buwel.blogspot.com/'>Home</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 != "true"'>,</b:if>
</b:loop>
&#187;
</b:if>
<data:post.title/>
</b:if>

Dan tinggal ganti alamat http://buwel.blogspot.com diatas dengan alamat blog anda
trus klik simpan templet dan selesai.
Nah, seperti itu Cara Membuat Breadcrumb, semoga bermanfaat


Thanks to :
http://abdulroqib.blogspot.com/2009/11/cara-membuat-breadcrumb-navigation.html

http://cah-cikrik.blogspot.com/2010/04/cara-membuat-navigasi-breadcrumb-versi.html

Popular posts from this blog

Profile Biodata Foto Renie Arumsari

Biodata Renie Arumsari Nama Lengkap : Agustina Renie Arum Sari Nama Lain : Renie Arumsari Asal : Yogyakarta Kebangsaan : Indonesia Pekerjaan : Aktris, Model, MC Twitter : https://twitter.com/rerenie Instagram : https://www.instagram.com/renieas Prestasi Renie Arumsari Putri Pariwisata Indonesia DIY 2017 Putri Pariwisata Indonesia Best National Costume Putri Pariwisata Indonesia Putri Bunga Miss Tea Indonesia 2017 Miss Jogjatronik Sahabat Larissa Puteri Bandara 2013 Duta Bandara Adisutjipto Sinetron Renie Arumsari 2018 – Orang Ketiga, sebagai Kartika – SCTV Sitkom : 2015 – Kos-kosan Jogja, sebagai Gendhis View this post on Instagram A post shared by Renie Arumsari (@renieas) on Jun 21, 2019 at 10:03pm PDT View this post on Instagram A post shared by Renie Arumsari (@renieas) on May 30, 2019 at 2:47am PDT ...

Pemain Asisten Cantik Naik Pangkat

@OfficialRCTI Asisten Cantik Naik Pangkat adalah FTV yang tayang di RCTI. Berikut ini adalah Pemain Asisten Cantik Naik Pangkat Layar Drama RCTI Pemain Asisten Cantik Naik Pangkat loading... Syifa Hadju View this post on Instagram A post shared by Syifa Hadju (@syifahadjureal) on May 12, 2019 at 1:47am PDT Rizky Alatas View this post on Instagram A post shared by Rizky Alatas (@rizkyalatas) on Jul 24, 2019 at 1:18am PDT Kevin Ardilova loading... View this post on Instagram Eyes, They never lie. A post shared by Kevin Ichwal Ardilova (@kevinardillova) on Jul 22, 2019 at 4:57am PDT Alfath Rivansyah Dieno Ramli Savira Kaunang Havida loading...

40 Kumpulan pantun yang berkaitan dengan hujan, tentang hujan, dengan kata hujanm hujan turun, akhirnya hujan turun, penantian hujan, bahagia hujan. gerimis, grimis

40 Kumpulan pantun yang berkaitan dengan hujan, tentang hujan, dengan kata hujanm hujan turun, akhirnya hujan turun, penantian hujan, bahagia hujan. gerimis, grimis Bunga mekar di musim semi, Bunga putih bernama melati. Bila hujan turun ke bumi, ada segaris rindu dalam hati. Kembang sepatu kembang selasih, Jatuh ke sungai airnya keruh. Rinduku kepada sang kekasih, yang kini sedang merantau jauh. Ikan betik ada di kali, ikan gabus tidak berduri. Hujan turun deras sekali, kedinginan duduk sendiri. Jalan-jalan ke Ciamis, jangan lupa membeli petis. Kalau turun hujan gerimis, kangen kamu yang romantis. Di pantai banyak para nelayan, sedang menjaring ikan tongkol. Dingin begini enaknya makan, makan mie instan ditambah jengkol Siang hari pergi ke kebun Di kebun menanam jagung Sekarang ini musim hujan Jangan lupa membawa payung Bersembunyi dibawah pohon Di atas pohon melihat monyet Jangan bermain dibawah air hujan Kalau tidak mau badanmu sakit Habis mandi...