Cara Membuat Breadcumb di Bogspot Agar Blog Semakin SEO - Sugengstory. Mungkin halayak sudah tidak asing lagi mendengar kata breadcumb. Breadcumb merupkan navigasi pada blog agar mesin pencari google lebih mudah mengindex suatu artikel pada blog. Breadcumb sangat perlu dipasang pada blog sobat sekalian, karena ya seperti yang telah saya katakan sebelumnya untuk memudahkan google meng-index artikel.
Disini saya akan menjelaskan mengenai bagaimana cara Cara Membuat Breadcumb di Bogspot Agar Blog Semakin SEO Friendly (search engine optimation). Sebenarnya sudah banyak blog yang menjelaskan bagaimana cara membuat breadcumb di blogspot, namun saya akan tetap menyampaikan info ini agar saya juga tidak lupa tentang pentingnya breadcumb di blog.
Berikut merupakan cara membuat breadcumb di blogspot :
- pertama silahkan anda login ke blogerr.
- kemudian masuk ke blog anda.
- kemudian silahkan pilih template.
- kemudian Edit Html.
- Setelah itu cari menggunakan CTRL + F >>kode ]]></b:skin>.
- Setelah itu silahkan pastekan kode berikut di bawah ini (paste di atas kode ]]></b:skin> ). berikut kode nya >>
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
- Setelah itu silahkan anda cari kode berikut >> <b:includable id='main' var='top'> jangan lupa gunakan CTRL + F agar lebih mudah.
- Kemudian ganti kode diatas menjadi kode berikut ini :
<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == "static_page"'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div> <b:else/> <b:if cond='data:blog.pageType == "item"'> <!-- 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'> » <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span> </b:loop> » <span><data:post.title/></span> </div> <b:else/> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <!-- breadcrumb for the label archive page and search pages.. --> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == "index"'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span> <b:else/> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <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 proses diatas selesai anda lakukan dengan baik maka silahkan simpan template dan lihat hasilnya.
Bagaimana, mudah bukan? Untuk anda yang baru mulai belajar blog mungkin Cara Membuat Breadcumb di Bogspot Agar Blog Semakin SEO akan bermanfaat untuk anda. Untuk anda yang main blogspot silahkan baca artikel lainnya mengenai cara membuat random post di blogspot.
Sugeng Story. . .