-->
Cara Menciptakan Breadcrumb Seo Freandly Diatas Judul Blog
4/ 5 stars - "Cara Menciptakan Breadcrumb Seo Freandly Diatas Judul Blog" Sesuai dengan judul diatas dan gambar diatas. Breadcrumb yakni sebuah sajian yang menampilkan ketegori berbasis label, contohnya label n...

Cara Menciptakan Breadcrumb Seo Freandly Diatas Judul Blog



Sesuai dengan judul diatas dan gambar diatas. Breadcrumb yakni sebuah sajian yang menampilkan ketegori berbasis label, contohnya label nya Tips Blogger. Pemasang Breadcrumb wajib di terapkan di blog anda sebab sangat mempunyai kegunaan untuk mempermudah seacrh engine untuk menjelajahi crawling halaman blog anda sehingga blog anda menjadi seo freandly dan disenangi oleh Search Engin dan Google. Gambar diatas yakni teladan Breadcrumb Navigation yang aku ambil di blog saya. Untuk menciptakan Breadcrumb aku kira tidak begitu sulit, jadi anda perhatikan saja langkah-langkah aku :

Cara Membuat Breadcrumb diatas Judul Blog.

Cara Pertama :

1. Buka Blogger - Kemudian Login.
2. Dashboard - Template - Edit HTML.
3. Termukan (CTRL+F) aba-aba ]]></b:skin>
4. Copy&Paste aba-aba berikut ini, dan Letakkan diatas aba-aba ]]></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;}

5. Jika sudah? Cari (CTRL+F) Kode <div class='post hentry'> Atau <div class='post hentry uncustomized-post-template'> Atau  <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> Dan Letakkan aba-aba berikut ini, sempurna diatas kode yang disebutkan diatas.

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

Screenshoot :



6. Simpan Template!

Dan Taraaa dikala buka halaman postingan, maka muncul Breadcrumb diatas judul blog anda.

Kurang lebih segitu saja. Sekian dari saya, Semoga Bermanfaat^.^ - Selamat Mencoba :)