Cara Memasang BreadCrumbs - Agar Blog Lebih SEO Friendly. Jika
sobat termasuk Blogger yang sedang bergelut dalam dunia SEO, maka tak
ada salahnya kita menggunakan trik yang satu ini. Trik ini bernama "Breadcrumbs",
dan biasanya nanti akan tampil di bagian atas postingan kita. Jika
sobat penasaran seperti apa penampilannya? Silahkan untuk melihat pada
bagian atas postingan blog ini, pasti akan ada tulisan "Anda berada di : Home > Trik dan Tips Blogging > Cara Memasang BreadCrumbs - Agar Blog Lebih SEO Friendly", nah...itulah yang dinamakan breadcrumbs.
Menurut beberapa ahli pakar SEO, trik ini benar-benar besar pengaruhnya untuk SEO blog kita, bagi sobat yang tertarik untuk memasang breadcrumbs di blognya, silahkan untuk menyimak langkah-langkah berikut:
1. Login ke Blogger.com
2. Klik Menu "Rancangan"
3. Klik "Edit HTML"
4. Lalu jangan lupa untuk mencentang kotak "Expand Template Widget"
5. Lalu Carilah kode tag ]]></b:skin> dan silahkan untuk meletakkan kode berikut di atasnya
6. Silahkan cari kode <b:includable id='main' var='top'>
7. Jika sudah, silahkan untuk meletakkan kode berikut di atas kode no.6
8. Selanjutnya carilah kode <b:loop values='data:posts' var='post'> maka nanti sobat akan menemukan dua atau tiga kode yang sama, maka pilihlah yang paling atas atau yang paling pertama kali sobat temukan. Jika sudah ketemu, silahkan letak kode berikut di bawahnya
9. Simpan hasil kerjaan sobat, silahkan lihat tampilannya pada blog anda.
Gampang bukan? Semoga bermanfaat
Menurut beberapa ahli pakar SEO, trik ini benar-benar besar pengaruhnya untuk SEO blog kita, bagi sobat yang tertarik untuk memasang breadcrumbs di blognya, silahkan untuk menyimak langkah-langkah berikut:
1. Login ke Blogger.com
2. Klik Menu "Rancangan"
3. Klik "Edit HTML"
4. Lalu jangan lupa untuk mencentang kotak "Expand Template Widget"
5. Lalu Carilah kode tag ]]></b:skin> dan silahkan untuk meletakkan kode berikut di atasnya
.breadcrumbs{border-bottom:1px dotted #999;margin:2em 0 0.5em;padding:0 0 0.5em;font-size:10px}
6. Silahkan cari kode <b:includable id='main' var='top'>
7. Jika sudah, silahkan untuk meletakkan kode berikut di atas kode no.6
<b:includable id='breadcrumbs' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
Anda Berada di  :
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> >
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
> <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
<!-- End of Breadcrums Hack -->
</b:includable>
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
Anda Berada di  :
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> >
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
> <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
<!-- End of Breadcrums Hack -->
</b:includable>
8. Selanjutnya carilah kode <b:loop values='data:posts' var='post'> maka nanti sobat akan menemukan dua atau tiga kode yang sama, maka pilihlah yang paling atas atau yang paling pertama kali sobat temukan. Jika sudah ketemu, silahkan letak kode berikut di bawahnya
<b:include data='post' name='breadcrumbs'/>
9. Simpan hasil kerjaan sobat, silahkan lihat tampilannya pada blog anda.
Gampang bukan? Semoga bermanfaat
0 comments:
Post a Comment