Cara Membuat Menu Beadcrumb Terindex Google. Di awal pembahasan ini saya akan memberikan trik agar menu breadcrumb terindex oleh mesin pencari khususnya oleh Google. Trik ini hampir sudah diketahui dan dipraktekan oleh blogger indonesia lainnya dan sempat gumang di awal tahun 2012 ini. Memasang trik ini ada syaratnya, label pada blog anda harus terlebih dahulu terindeex google yaitu dengan cara copas link label lalu taruh di mesin pencari google.
Berikut ini Pandan Cara Membuat Menu Beadcrumb Terindex Google
- Masuk ke Akun Blogger sobat
- Pilih Template lalu Edit HTML
- Centang Expand Template Widget
- Kemudian letakan kode css berikut sebelum kode
]]></b:skin>
.breadcrumbs{box-shadow:0 1px 4px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.27),0 0 60px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset;-khtml-box-shadow:0 1px 4px rgba(0,0,0,0.27),0 0 60px rgba(0,0,0,0.1) inset;background:#F5F5F5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjbhSuc82xelnSNPUFln31vE9lIJi8zCwmDT62gdkTVMCcVk2EWDf1Mg9ADvGrZ_sd7OlbiABhfAEIgZ1LvgpYPEbxd4j99f8rQObPFaTW5GFq0a8qxz7J4iJML8Pte0BFRkw6JclUvnU/s1600/backgroundbreadcrumb.png);background-repeat:repeat-x;-moz-border-radius:5px;line-height:1.4em;font:11px Tahoma,arial,Verdana,sans-serif;border:1px solid #d2d2d2;margin:0 0 5px;padding:5px 5px 5px 10px}- Kemudian cari kode berikut ini
<b:includable id='main' var='top'>
- Hapus kode tersebut kemudian ganti dengan 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'>Beranda</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'>Beranda</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'>Beranda</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'>Beranda</a></span> » <span>Arsip untuk <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'>Beranda</a></span> » <span>Semua artikel</span> <b:else/> <span><a expr:href='data:blog.homepageUrl'>Beranda</a></span> » <span>Artikel pada <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'/>
- Terakhir Save Template
Demikian panduan seo pada kesempatan kali ini. Di akhir pembahasan ini saya akan mengakhiri artikel yang berjudul Cara Membuat Menu Beadcrumb Terindex Google. Jika Anda ingin bertanya bertanyalah pada komentar di bawah ini.
0 komentar:
Posting Komentar