Belajar Ngeblog

Loading
Home » » Cara Memasang Navigasi Breadchumb diatas Postingan.

Cara Memasang Navigasi Breadchumb diatas Postingan.


Belajar Ngeblog

Cara Memasang Navigasi Breadchumb diatas Postingan. Halo sobat blogger...bagaimana nih kabarnya, baik baik aja kan. Masih ingat janji saya...? hehe..tetap aja nih ditempat belajar blog dan di jumpa kita kali ini saya akan bagi pengalaman buat sobat yaitu cara membuat blog menjadi semakin SEO Friendly. Setelah kita membahas tutorial blog kini saatnya mengedepankan blog dengan tujuan agar semakin SEO. Salah satu caranya adalah menambahkan fitur navigasi yang cara memasangnya akan saya jelaskan sebentar dan yang pasti fitur navigasi ini kita akan letakkan tepat diatas judul postingan atau judul artikel. Fitur navigasi ini para master web menyebutnya sebagai BREADCHUMB. Pengertian breadcrumb sendiri kurang lebihnya adalah suatu navigasi yang berisikan kategori atau label dari postingan dan bisanya selalu di awali dengan tombol yang tertuju home atau halaman utama blog.

cara memasang navigasi Breadchumb diatas postingan

Pada dasarnya fitur Breadchumb ini merupakan cara seo dengan tautan internal yang memungkinkan pengunjung akan lebih mudah untuk menavigasi balik ke bagian halaman sebelumnya atau langsung ke halaman utama blog dengan cepat dan singkat

Jadi dengan breadchumb yang simpel seperti ini ; mesin pencari atau search engine bekerja hanya melihat dari label atau tags setiap postingan pada blog kita, karena saat ini google sudah tidak menggunakan  meta keywords untuk mengindex suatu web atau blog, maka yang jadi operasi google saat ini adalah pada meta description dan label atau kategori. Maka dari itu semakin relefan sebuah blog dengan label postingan maka akan semakin besar peluang untuk menjadi  no.1 di halaman depan hasil pencarian google.

Bagaimana sobat..mau kan postingan kita selalu di halaman depan google. Kalau begitu mari kita cari tau cara memasang fitur ini biar mantapp gitu lho...ok siap...?

Langkah langkahnya sebagai berikut,
LOGIN ke Blog. ( sudah pasti )
Pilih blog yang ingin di edit.
Pilih TEMPLATE pada menu Vertikal bagian kiri.
Biasakan meng klik tanda EXPAND di sudut kanan atas.
Klik UNDUH TEMPLATE LENGKAP, tunggu sampai selesai mengunduh.
Klik CLOSE pada POP UP Expand.
Klik EDIT TEMPLATE lalu langsung cari kode ini ]]></b:skin>
.
Gunakan Ctrl+F dan copas kode yang di cari lalu letakkan pada kotak search box.
Kopy kode di bawah ini lalu letakkan di atas kode ]]></b:skin>

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

Selanjutnya sobat cari kode seperti ini <div class='post hentry'>
Lalu copy kode dibawah ini lalu letakkan tepat di bawah <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'><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 selesai.
Berhasil atau tidak itu adalah cara anda, tapi jangan takut sobat di blog ini tersedia kotak komentar, silahkan bertanya insya Allah saya bisa menjawabnya.

Semoga postingan kali ini yaitu Cara memasang Navigasi Breadchumb diatas Postingan  dapat di pahami selalu di mudahkan untuk membuatnya sendiri.

Salam by Belajar Ngeblog

14 comments:

  1. Berhasil gan... Atikelnya bagus sekali.. Just want to say your article is as surprising.
    jangan lupa singgah ke blog saya yang menyediakan:
    Download Software psikotest, Download soal-soal CPNS gratis, Download ebook dan audio TOEFL gratis, Cara menyelesaikan soal warteg test dan, Contoh surat lamaran kerja-CV

    ReplyDelete
  2. breadcum fungsinya ap ya mas?

    ReplyDelete
  3. mas, bagaimana cara menulis artikel di navigasi blog gimana?

    ReplyDelete
  4. Terimakasih buat artikelnya, mantab sob, menambah pengetahuan, bermanfaat..

    http://www.tokoobatku.com/obat-kanker-payudara-herbal/

    ReplyDelete
  5. div class='post hentry

    Kok gak ada di html ku. mohon bantuannya

    ReplyDelete
  6. <div class='post hentry' kenapa kode ini tidak ada

    ReplyDelete

Enter your email address:

Delivered by FeedBurner

Recent Comments