5 Artikel Masih hangat, Baru keluar nih :

Cara Membuat Breadcrumb Seo Friendly untuk Blog - ArtSpades

Berikut adalah cara mudah untuk Membuat Breadcrumb Seo Friendly untuk Blog - ArtSpades
cara ini Saya dapatkan dari pelajaran-blog.blogspot.com dan sudah saya terapkan pada Blog ini, Bisa dilihat diatas artikel terdapat breadcrumb yang dapat memudahkan navigasi layaknya sebuah Forum. hehe
tampilan pada Search engine juga akan lebih menarik dan keren, lihat saja gambar berikut ini :
Langsung saja berikut langkah menerapkannya pada BLog sobat agar lebih cantik dan tentunya User friendly dan tentunya meningkatkan SEO.


]]></b:skin>

Setelah ketemu,letakkan kode berikut tepat diatasnya:

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}

Nah,setelah itu,sobat cari lagi kode seperti ini (ketik aja di Ctrl+F)

<b:includable id='main' var='top'>

Nah jika sobat sudah temukan,hapus kode tersebut dan gantilah dengan kode berikut:

<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'><b:if cond='data:label.isLast == &quot;true&quot;'>&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span></b:if></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'/>

Setelah itu simpan templates sobat.






Cara Membuat Breadcrumb Seo Friendly untuk Blog - ArtSpades
Semoga Artikel berikut dapat bermanfaat bagi pembaca. Jika anda rasa informasi ini kurang baik atau ada kesalahan kata, kami mohon maaf. artikel ini hanya media informasi semata. Share on Facebook Trims. Juliartha | ArtSpades Blog. | Informatif Blog Just For You !

Hallo, Sahabat ArtSpade?

Terimakasih telah mengelus-elus si ArtSpades,
Semoga informasi yang telah kami share disini dapat bermanfaat bagi para pembaca yang kemungkinan besar mampir disini karena tersesat, hehe. jangan lupa untuk mampir kembali ya untuk kasih makan si kucing hitam

2 komentar:

Komentar ArtSpades menggunakan Mode Auto Moderasi,
[Mohon kurangi Link untuk media Promosi di komentar]

 

Copyright @ 2013 !Artspades.

Designed by Templateism | Edited By Juliarta - ArtSpades team