8/12/12

Membuat Navigasi Breadcrumb Di Blogger


Menurut para master Search Engine Optimization (SEO) blog yang memiliki breadcrumb konon punya daya SERP yang tinggi di mata search engine seperti Google , Yahoo, Bing dsb. dibanding yang tidak memakai. Dan Cara Membuat Navigasi Breadcrumb Di Blogger sangat mudah.

Untuk itu kali ini Saung Web sengaja berbagi info dalam seri tutorial blog dan bisnis internet tentang  Cara Membuat Menu Navigasi Breadcrumb di Blogspot dan bagi yang belum tahu, Breadcrumb adalah link navigasi yang biasanya tampil cantik di atas judul atau title posting dalam modus postingan bukan dalam modus Home seperti terlihat pada blog ini dimana Breadcrumb menampilkan Halaman Depan atau Home > Label> Judul Posting.

Langsung ke topik bahasan Cara Membuat Menu Navigasi Breadcrumb di Blogger :

  1. Log in ke account sobat di blogger.com 
  2. Klik tanda panah, lalu pilih Template
  3. Sebaiknya lakukan dulu backup template dengan klik Backup / restore atau Cadangkan / Pulihkan, lalu klik download full template.
  4. Klik tanda x untuk kembali ke menu template
  5. Selanjutnya plih Edit HTML  --> klik Procced atau proses
  6. Centang pada Expand Widget Templates
  7. Cari kode <b:if cond='data:post.title'>  untuk memudahkan mencarinya gunakan Ctrl +F
  8. Paste kode di bawah ini dan letakkan dibawah atau setelah kode  tersebut

    <b:if cond='data:blog.pageType == "item"'>
    <div class='breadcrumb'>
    <a expr:href='data:blog.homepageUrl' rel='tag'>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/>
    </div>
    </b:if>

  9. Selanjutnya sobat blogger cari kode   ]]></b:skin>  dan copy paste kode ini di atasnya :

    .breadcrumb {
    padding:5px 5px 5px 0px;
    margin: 0px 0px 10px 0px;
    font-size:90%;
    line-height: 1.2em;
    border-bottom:3px double #e6e4e3;
    }
  10. Sampai disini proses Buat Navigasi Breadcrumb di Blogger selesai, selanjutnya tinggal Save Template.
  11. Lihat hasilnya , ada gak ??.. Ohya kalau gak tampil mungkin sobat belum membuat Label pada postingannya.. artinya dalam setiap artikel harus ada labelnya gitu lhooo..

Demikian Cara Membuat Navigasi Breadcrumb di Blogger , walaupun breadcrumb ini cuma salah satu faktor saja dalam meningkatkan SERP dimata Search Engine karena bagaimanapun, konten orisinil, loading cepat dan ringan, template SEO friendly  serta internal link yang baik adalah empat faktor yang sangat signifikan di mata Google. yups.. semoga semuanya bermanfaat bagi kita. Amin.


  1. Thanks telah mampir, yo kita saling vote dan comment..
  2. Bila berkenan tolong bagikan dengan tombol share di atas.
  3. Gratis langganan artikel blog ini, silahkan klik Disini, atau masukan email disidebar yg telah disediakan

Sobat sedang membaca artikel Membuat Navigasi Breadcrumb Di Blogger, bila berkenan silahkan share artikel ini dengan tombol share di atas. Bila mau COPAS untuk di blog sobat, dimohon meletakkan link aktif sebagai Sumbernya dengan copy kode di bawah ini.

Related Post:

38 comments:

  1. mantab sob tutorialnya,teruskan berkarya

    ReplyDelete
  2. nambah ilmu lagi nih tentang tutorial
    thanks sob

    ReplyDelete
  3. Alahamdulillah Pak blog saya sudah punya cuma nggak tahu apa keindeks ama SE

    ReplyDelete
  4. tutorialnya bermanfaat banget gan thank's ya..

    ReplyDelete
  5. mantap warta beritanya..
    tingkatkan terus mas :D

    ReplyDelete
  6. sip,, tingkatkan terus blog nya kaka ...

    ReplyDelete
  7. Pengen nerapin juga ne boz, moga aja hal ini termasuk dalam optimasi blog terutama bagi kami yang newbie :)

    ReplyDelete
  8. kunjungan perdana , dan ijin untuk mencuri ilmunya heh e

    ReplyDelete
  9. siv deh info yang sangat bermanfaat banget..civ civ civ

    ReplyDelete
  10. makasi sob atas infonya

    info yang bermampaat sob
    salam kenal .../?

    ReplyDelete
  11. makasi gan atas infonya.....

    salam kenal gan...??

    ReplyDelete
  12. makasih gan,,,,,,,,,,kunjung balik?

    ReplyDelete
  13. Saya coba terpakan gan trims ya...di tunggu kunjungan baliknya.

    ReplyDelete
  14. sudah saya coba,tapi kok tidak berhasil sob padahal lebel sudah ada tiap posting gimana ya?

    ReplyDelete
  15. Wah ini dia nih yang aku cari-cari.. mantep bener nih.. kayaknya patut aku coba nih,,

    ReplyDelete
  16. ini yang ane cari-cari, thanks gan..

    ReplyDelete
  17. sore.. pak pas mantap ini info bapak http://goo.gl/ISV9l7

    ReplyDelete
  18. hari yang cerah, semoga bisa update terus yah web nya. semangat http://goo.gl/C5M8W

    ReplyDelete
  19. selamat berjuang teman, semoga web nya tambah maju http://goo.gl/4Ns5Kk

    ReplyDelete
  20. infomasi nya terupdate banget, makasih sudah memberitakan http://goo.gl/moQwHE

    ReplyDelete
  21. sudah berapa kali ya aku baca artikel ini hehe... good job min http://goo.gl/prAaWQ

    ReplyDelete
  22. Terima kasih atas artikelnya ya gan sangat bagus dan juga bermanfaat untuk ane, di tunggu artikel bermanfaat lainnya yaa ^^
    Jangan lupa untuk kunjungi Website kami yaa di www.agenpoker.biz

    Agen Poker
    Agen Poker Online
    Bandar Domino Online
    Judi Poker
    Agen Capsa Susun Online
    Agen Poker Domino

    ReplyDelete

Bagi sobat-sobat silahkan comment disini, Insya Allah saya comment balik di blog anda. Trims atas kerjasamanya

Langganan Artikel

Artikel Gtais : :

Enter your email address:

Delivered by FeedBurner

Total Kunjungan

 

Copyright 2008 All Rights Reserved Revolution Two Church theme !, Converted into Blogger Template by Bloganol dot com ! Modified by Saung Web ! , On Blogger