Home » » CARA MUDAH MEMBUAT BREADCRUMB PADA BLOG AGAR LEBIH SEO

CARA MUDAH MEMBUAT BREADCRUMB PADA BLOG AGAR LEBIH SEO

Blogging - Selamat malam sahabat semua, setelah seminggu yang lalu saya sudah berbagi cara membuat blog gratis, pada kesempatan malam  ini saya akan membagikan tehnik SEO agar blog yang anda kelola cepat terindex oleh pencarian search angine yaitu Cara Mudah Membuat Breadcrumb pada blog. Ada beberapa template yang sudah di lengkapi breadcrumber ini, tapi ada juga ketika kita mendownload template tidak di lengkapi contonya template yang saya pakai ini dulunya gak ada breadcrumb dan akhirnya saya bikin sendiri. Sebenarnya sudah banyak sahabat blogger yang membagikan tehnik ini, karena ada juga yang terlalu njlimet sehingga kita yang menerapkanya juga gagal. Breadcrumb ini biasanya letaknya antara judul blog dan judul artikel yang diawali browse> atau ada juga langsung home> dan diakhiri judul artikal.


Contohnya seperti gambar di bawah, dengan gambaran di bawah ini masuk akal jika search angine menemukan artikel kita, ok sahabat semua mari kita terapkan pada blog kita...


* Pertama silakan login dan masuk ke dashbord blogger anda
* Kemudian langsung klik editHTML
* Jika perlu simpan dulu template anda untuk jaga jaga terjadi error
* Cari kode ]]></b:skin> dengan cara Klik Ctrl+C copas kode ]]></b:skin> di kolom pencarian sebelah kanan atas dan enter
* Kalau sudah ketemu Letakan kode di bawah ini tepat di atasnya ]]></b:skin>                    

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

* Kemudian cari kode <div class='post hentry'> dan letakkan kode dibawah ini tepat di di bawahnya 

<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>  

* Setelah itu simpan dan lihat salah satu artikel anda pasti sudah ada Breadcrumber-nya.

Sahabat semua telah membaca CARA MUDAH MEMBUAT BREADCRUMB PADA BLOG dan menerapkan pada blog, semoga bermanfaat untuk para blogger pemula seperti saya..


Abu Azma
abuazmaShare Updated at: Tuesday, April 28, 2015

1 komentar:

Terima kasih sudah singgah di blog kami yang sederhana ini,
* Jika artikel kami bermanfaat silakan berbagi di media sosial tombolnya ada di atas itu,
* Jika berkenan tinggalkan jejak anda di kolom komentar di atas/bawah ini...
* KOMENTAR ANDA AKAN DI TAYANGKAN & DI JAWAB KETIKA ADMIN SEDANG ONLINE

Artikel Terkait

back to top