Seo v6 - Cara memasang Breadcrumb Di Template Bawaan Terbaru Blogger Terkemuka, Breadcrumb merupakan sebuah code yang didesain untuk mempermudah navigasi dimana dengan adanya breancrumb ini kita akan tau jalur dari home ke url yang dituju.
Pada hasil penelusuran di mesin telusur, beradcrumb ini termasuk Rich snippet yang di rekomendasikan olah web master dan tentunya ini bisa menambah nilai seo sebuah template. Pada template bawaan blogger masih belum bisa kita temukan breadcrumb sehingga diharuskan kita harus memasang manual.
Berikut ini langkah-langkah yang bisa sobat terapkan untuk memasang Breadcrumb Di Template Terkemuka - Seo v6 :
Baca juga : Cara Membuat Title Blog Post Jadi Kecil Pada Template Terkemuka
1. Cari code ini <b:includable id='main' var='this'> Lalu hapus ganti dengan code dibawah ini
2. Selanjutnya copy paste CSS dibawah ini di atas code ]]></b:skin>
Selanjutnya tinggal di save dan lihat hasilnya, jika ada yang eror , kurang jelas atau masukan lainnya bisa langsung coment ya, selamat mencoba - Seo v6 .
Pada hasil penelusuran di mesin telusur, beradcrumb ini termasuk Rich snippet yang di rekomendasikan olah web master dan tentunya ini bisa menambah nilai seo sebuah template. Pada template bawaan blogger masih belum bisa kita temukan breadcrumb sehingga diharuskan kita harus memasang manual.
Berikut ini langkah-langkah yang bisa sobat terapkan untuk memasang Breadcrumb Di Template Terkemuka - Seo v6 :
Baca juga : Cara Membuat Title Blog Post Jadi Kecil Pada Template Terkemuka
1. Cari code ini <b:includable id='main' var='this'> Lalu hapus ganti dengan code dibawah ini
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.pageType == "item"'> <b:if cond='data:blog.pageType == "item"'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span> » <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + "?&max-results=8"' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != "true"'> » </b:if> </b:loop> » <span><data:post.title/></span> </div> <b:else/> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span>Uncategories</span> » <span><data:post.title/></span></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span>Archive for <data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.searchQuery'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span><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' rel='nofollow'>Home</a></span> » <span>All post</span> <b:else/> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span><data:blog.pageName/></span> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable id='main' var='this'>
<b:include data='posts' name='breadcrumb'/>
<b:if cond='data:blog.pageType == "item"'> <b:if cond='data:blog.pageType == "item"'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span> » <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + "?&max-results=8"' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != "true"'> » </b:if> </b:loop> » <span><data:post.title/></span> </div> <b:else/> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span>Uncategories</span> » <span><data:post.title/></span></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span>Archive for <data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.searchQuery'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span><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' rel='nofollow'>Home</a></span> » <span>All post</span> <b:else/> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span><data:blog.pageName/></span> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable id='main' var='this'>
<b:include data='posts' name='breadcrumb'/>
2. Selanjutnya copy paste CSS dibawah ini di atas code ]]></b:skin>
body.item-view .Blog .post-title-container{
padding-top: 0px;
}
.breadcrumbs {
padding-left: 140px;
padding-top: 50px;
background: #25a186;
font: 400 14px Open Sans, sans-serif;
color: rgba(255, 255, 255, 0.25);
}
.breadcrumbs span {
font-style: italic;
color: rgba(255, 255, 255, 0.50);
}
@media screen and (max-width: 1168px){
.breadcrumbs {padding: 62px calc((100% - 920px) / 2) 1px;}}
@media screen and (max-width: 968px){
.breadcrumbs {
font: 400 12px Open Sans, sans-serif; padding-left: 24px;
padding-top: 24px;
padding-right: 24px;}
}
Selanjutnya tinggal di save dan lihat hasilnya, jika ada yang eror , kurang jelas atau masukan lainnya bisa langsung coment ya, selamat mencoba - Seo v6 .
Mantap om 😊👍
ReplyDeleteKebetulan skrng saya lagi dirumah mertua.
Nanti setelah balik ke Jakarta akan saya coba pasang melalui PC.
Silahkan om, kalau ada kendala lain nanti bisa di tanyakan lagi
Deleteudah saya coba pasang tapi belum berhasil om hehehe
Deletemasalahnya yg kode ada banyak,,,, klo gak salah ada 4 kode,,, ada yg label, kategori, dll
yg bener buat dipasang yg bagian mana?
:)
Baca artikel saya : cara-mengedit-template-blogger-contempo-jadi-seo-friendly (liat poin cara memasang breadcrumb nya), disitu ada gambar dimana letak codenya, nanti kalo kurang jelas bisa ditanyakan lagi
DeleteKeren bang template jadi kaya gini..
ReplyDeleteTrimakasih sis, mudah koq bikinnya :)
DeleteCara-cara bgini yg msh krng paham. Maklum br bljr
ReplyDeleteSilah kan ditanyakan sis kalau ada yg kurang paham , nanti saya bantu pelan-pelan :)
Deletesaya sudah mencari kode ini tapi ada banyak saya tidak tau untuk menaruhnya dimana
ReplyDeletesudah saya update artikelnya, ada gambar petunjuknya,kalo ada yang kurang jelas lagi bisa ditanyakan
Deletekode ini ada 11 di template saya om... kira2 yg mana ya...
ReplyDeletelihat petunjuk gambarnya itu gan, letak codenya dibawah widget id blog1
DeleteUdah Coba di Template Soho tapi gagal mas.
ReplyDeletecode css nya itu hanya untuk template terkemuka mas
Deletewuih..disini rupanya...kemaren saya coba-coba..nggak bisa-bisa..... ntar ane praktekin punya nya mas..... klu nggak bisa juga ane tanya lagi ntar ya....
ReplyDeletethank you,meski agak lama mencobanya dan mengurutkannya,akhirnya bisa juga
ReplyDeleteMantap gan makasih ya gan.
ReplyDelete