Kredit Instant hingga 30 Juta!
Trading dengan Broker Terbaik

Breadcrumbs SEO Friendly untuk Blogger

28 December 2018 ()

Hai! Berikut ini saya bagikan salah satu Breadcrumbs yang SEO Friendly untuk Blogger :


  • Buka Kode HTML Blog dan Cari Kode : </b:skin>
  • Untuk memudahkan pencarian tekan Crtl dan F, ketik /b:skin dan tekan Enter.
  • Kemudian tambahkan Kode ini Diatasnya :
.built2bless-breadcrumbs {padding:15px 25px;background:#fff;margin-bottom:15px}
.
built2bless-breadcrumbs a,.post-info a {color:#4d4d4d;}
.
built2bless-breadcrumbs a:hover,.post-info a:hover {color:#ff6600;}
  • Setelah itu Cari Kode : <b:includable id='main' var='top'>
  • Kemudian tambahkan Kode ini Diatasnya :
<b:includable id='built2bless-breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='
built2bless-breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> / <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='
built2bless-breadcrumbs'>
Anda di sini : <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span itemprop='title'>Home</span></a></span>
<b:loop values='data:post.labels' var='label'>
/ <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?max-results=5&quot;' expr:title='data:label.name' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
</b:loop>
/ <span><data:post.title/></span>
</div>
<b:else/>
<div class='
built2bless-breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> / <span>Without Label</span> / <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='
built2bless-breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span>Archived For <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='
built2bless-breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span>All Post</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span><data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
  • Kemudian Simpan Perubahan Template
  • Untuk memastikan Breadcrumbs sudah terpasang dengan benar, bisa Menggunakan Google Structured Testing Tool

Semoga Bermanfaat, Happy Blogging :)

Tags : Blogger CMS (Content Management System)