Blogspot yang membahas tentang Tutorial Blogger, Animasi Blogger, Google Adsense, Game Blogger, Seo Blogger, Template Blogger, TV Online, Dan Tools Blogger

Tuesday, 10 December 2013

Cara Membuat Breadcrumbs SEO Blogger

Cara Membuat Breadcrumbs SEO Blogger - Blogger Update. Breadcrumbs adalah salah satu Trik SEO Blogger yang cukup ampuh karena trik breadcrumbs bisa membantu googleboot untuk lebih mudah mengenali struktur dari blog kita.Tehnik Breadcrumbs ini masih sangat populer dan hampir semua blog atau website memakai trik breadcrumbs ini. Untuk template dari penyedia-penyedia gratisan biasanya belum dilengkapi breadcrumbs sehingga anda perlu Membuat Breadcrumbs Blogger sendiri. Lihatlah screenshoot Breadcrumbs SEO Blogger
Langkah-Langkah Membuat Breadcrumbs Blogger
1. Masuk ke Blogger
2. Masuk ke Dashboard Blogger anda.
3. Pilih dan klik tab 'Template'
4. Cari kode ]]></b:skin>, copy script dibawah ini dan letakkan tepat diatas kode ]]></b:skin>.
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef}
5. Setelah itu, cari kode seperti ini <b:includable id='main' var='top'>
6. Lalu ganti kode  <b:includable id='main' var='top'> dengan kode dibawah ini :
<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
7. Klik 'Simpan Template' dan selesai
 

Sekian dari saya Mochammad Fikri yang menuliskan artikel tentang Cara Membuat Breadcrumbs SEO Blogger. Terima kasih sudah berkunjung

Dilarang untuk meng-copas artikel ini kecuali menuliskan sumbernya
DMCA.com

Cara Membuat Breadcrumbs SEO Blogger Rating: 4.5 Diposkan Oleh: Mochammad Fikri

10 komentar:

  1. Info nya keren gan... (y)

    salam
    http://yoseph-rs.com

    ReplyDelete
    Replies
    1. yah pasti gan, penulisnya juga keren sih wkkk

      Delete
  2. makasih infonya gan...
    bermanfaat..

    http://my-kalbar.blogspot.com/

    ReplyDelete
    Replies
    1. Sama-sama mas, sering-sering yah mampir ke blog kecil ini :D

      Delete
  3. Artikelnya bagus, dapat darimana gan pemikirannya, ijin copas ya dari www.seowaps.com

    ReplyDelete
    Replies
    1. Saya tidak mengcopas artikel dari seowaps.com, saya mengambil referensi banyak dari kang ismet dan DTE

      Delete
  4. Replies
    1. Iyah mas sama-sama senang bisa berbagi. sering-sering yah mampir ke blog kecil ini :d

      Delete

 
notifikasi
close