Cara Membuat Breadcumb Responsive di Blogger

Kali ini trik blogger ini yaitu Cara Buat Breadcumb yang SEO Friendly.

Eh kawan sebelumnya tau ngga' sih breadcumb? kalau belum tahu...Bentuknya seperti ini:

Nah udah lihat kan? Breadcumb itulah yang akan mempermudah Search Engine untuk melakukan proses pencarian / mengcrawling web/blog kamu. Sehingga Blog / Website kamu bisa menjadi SEO Friendly. Dan berkesempatan besar untuk Nongkrong di 10 besar Page Rank Google.

Langsung aja lah. Simak baik-baik ya Tutorialnya.

Cara Membuat Breadcumb Seo Friendly di Blog

1. Login dulu ke Blogger
2. Pilih Rancangan / Design sama saja, cuman beda bahasa
3. Pilih Edit HTML
4. Cari Kode ]]>
5. Dan Pastekan Kode dibawah ini tepat diatasnya  Kode ]]>

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

6. Setelah itu, kemudian carilah Kode

<div class="post hentry uncustomized-post-template">
atau <br /> <div class="post hentry">

Itu tergantung dari Template yang anda gunakan (Perhatian, Pada beberapa Template menggunakan Fungsi Hidden sehingga Kode tidak terlihat. Solusinya coba masukkan kode pada template sebelum di Parse Ke Blog dan Carilah kode yang Hilang dari template yang udah di Parse)

7. Lalu letakkan Kode dibawah Ini tepat diatas Salah satu kode yang ane taruh di Text area/Box di atas. 

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » <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 != "true"'> , </b:if> </b:loop> </b:if> » <data:post.title/> </div> </b:if> </b:if><br />

8. Terakhir, Klik Save dan Lihatlah hasilnya....Selamat Kamu telah membuat Breadcumb Seo Friendly di Blog.

Tidaklah sesulit yang kita bayangkan bukan?

Ok Sampai Jumpa di Post Selanjutnya, Tetap di #IlmuBlogger Ilmuversity

yang di tulis oleh
Redaksi - Ilmuversity
Tahun 2017 - All Right Reserved
http://ilmuversity.pasarsambilan.com
Facebook : Ilmuversity
Twitter : Ilmuversity
Youtube : Ilmuversity


- Dilarang Mengcopy Artikel tanpa Seizin Penulis -