Facebook Twitter

Cara Memasang Breadcrumb di Blogspot Agar Blog Menjadi Seo Friendly

Categories : Blogger, Tips and Tricks
Cara Memasang/Membuat Breadcrumbs di Blogspot Agar Blog Menjadi Seo Friendly, Sebelumnya mari kita mengetahui dulu apa yang dimaksud dengan Breadcrumbs ? Mungkin dari para blogger udah banyak yang tahu apa itu breadcrumbs, Oke..disini saya akan jelaskan sedikit saja, Breadcrumbs adalah sebuah bantuan navigasi yang digunakan dalam user interface sehingga memudahkan user atau visitor untuk menavigasi halaman blog /web. Mungkin sebagian Blogger newbie seperti saya ini awalnya masih bingung bagaimana cara membuat breadcrumbs di blogspot/Blogger, tapi setelah googling saya ketemu trik nya.Sebelum kita memulai Tips Cara Memasang Breadcrumb di Blogspot Agar Blog Menjadi Seo Friendly ini, untuk contohnya bisa dilihat pada gambar dibawah ini.

Cara Membuat/Memasang BreadcrumbsSelain mempermudah visitor dalam menavigasi halaman web/blog, Breadcrumbs ini juga disenangi oleh robot Google dalam mengcrawl halaman blog/web jadi mempercepat blog diindeks oleh Google. Di blog saya ini saya belum memasang Breadcrumbs, mungkin nanti akan saya pasang agar lebih seo friendly :)
Oke tanpa panjang lebar mari kita terapkan tips blogger breadcrumbs nya.
  • Login di Blogger
  • Klik Design
  • Klik Edit HTML
  • Centang pada Expand Widget Templates
  • Cari Kode ]]></b:skin>
  • Lalu Copy Paste code dibawah ini tepat diatas kode ]]></b:skin>
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
  • Setelah itu cari kode seperi dibawah ini
<div class='post hentry uncustomized-post-template'>
Kalau kode yang diatas tidak ada cari kode yang seperti dibawah ini
<div class='post hentry'>
  • Letakkan kode dibawah ini tepat diatas kode <div class='post hentry uncustomized-post-template'> atau <div class='post hentry'>
<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'>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,nofollow'><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>
  • Klik Save dan lihat hasilnya
Semoga berhasil



Sobat sedang membaca artikel tentang Cara Memasang Breadcrumb di Blogspot Agar Blog Menjadi Seo Friendly dan sobat bisa menemukan artikel Cara Memasang Breadcrumb di Blogspot Agar Blog Menjadi Seo Friendly ini dengan url http://mangde182.blogspot.com/2011/05/memasang-breadcrumb-blogspot-seo.html,silahkan di bookmark jika artikel Cara Memasang Breadcrumb di Blogspot Agar Blog Menjadi Seo Friendly ini sangat bermanfaat bagi sobat,atau klik tombol share diatas untuk membagikan link Cara Memasang Breadcrumb di Blogspot Agar Blog Menjadi Seo Friendly kepada teman sobat.

17 comments: — Skip to Comment

sawali tuhusetya said...

wah, jadi teringat beberapa blog saya yang ber-engine blogspot. masih ada beberapa di antaranya yang tdk ada fasilitas breadcrumb-nya. terima kasih share infonya, mangde.

MangDe said...

@Sawali Tuhusetya: sama2 mas, saya jg belum memasang breadcrumb di blog ini.. nantilah saya pasang :)

sail wakatobi 2011 said...

numpang tanya,gunanya Breadcrumb itu untuk apa?

Gaptek Update said...

yg ini lumayan keren

ta pasang di blog aaah


Gaptek Update

MangDe said...

sail wakatobi 2011 : memudahkan menavigasi halaman web/blog gan
Gaptek Update : Ok gan semoga berhasil :)

Cibu said...

siiip,, keren tutorialnya,,, langsung saya praktekkan deh,,, biar gak lupa

MangDe said...

@Cibu : Smoga berhasil gan.. :)

Mercedes Benz Mobil Mewah Terbaik Indonesia said...

terima kasih atas infonya kang... saya coba dulu akh... kebetulan bis buat blog baru nih

latipz said...

Cara pasang post roll kaya di blog ini gimana gan??
http://latipzhomedesign.blogspot.com/

Tips-Tricks Blogger said...

Halo, segera pasang aja bang, lumayan efeknya, at least memperkaya keyword buat search engine, and juga bermanfaat untuk navigasi pengunjung. anyway, thanks for visiting my blog ya :D

MangDe said...

@Tips-Tricks Blogger : Iya bang nantilah saya pasang :) thanx sarannya ya.. sama2 bang makasi dah sempet mampir :)

admin said...

wah bagus man... Tar aku coba juga

MangDe said...

@Mansuka™ : Good luck man.. :)

Kerajaanhosting masa depan hosting Indonesia said...

fonts text 95% ap gk kebesaran? haha

MangDe said...

@Kerajaanhosting masa depan hosting Indonesia : haha.. bisa aja neh sobat, itu cuman screenshotnya aja yg kebesaran sob tp hasilnya ga kok :) thanx dah visit ya

Topik said...

Terimakasih untuk tutorial cara memasang breadcrumnya, dengan cara ini semoga cepat terindex google. Terimakasih ya...

digital marketing agency Toronto said...

We are a leading digital marketing company in Toronto. Our services include SEO, SMO, Google ads, Facebook ads.

Post a Comment — or Back to Content

 
Back To Top Blogger