Sebelum Anda memasang Breadcrumbs di blog , Tahukah sobat apa itu breadcrumbs dan apa manfaatnya jika diterapkan di suatu blog maupun webiste ? Kalau sepengetahuan Admin breadcrumbs adalah sebuah navigasi yang terdiri dari , home ( nama blog sobat ) label bacaan dan link title post. yang berfungsi untuk mendongkrak artikel kita agar bisa page one , syukur - syukur bisa di nomor 1 google.
Sebenarnya tanpa Anda sadari breadcrumbs sudah secara otomatis terpasang di template blog sobat , asalkan template yang Anda gunakan , itu merupakan template yang dibuat pada tahun 2014 keatas , namun tidak semua template di era modern ini , breadcrumb nya terindex , karena sebagian blogger tidak suka dengan breadcrumbs navigasi yang terindex.
Tutorial Membuat Breadcrumbs Post Terindex oleh Google Search
- Seperti biasa silahkan Anda masuk ke akun dasbhor sobat
- Pergi ke menu " Template " => " Edit Html"
- Cari kode
]]></b:skin>
atau</style>
( pilih salah satu aja ) dan simpan kode ini diatasnya:.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;}
- Selanutnya cari kode
<b:includable id='main' var='top'>
, ganti dengan:<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'/>
- Klik pratinau terlebih dahulu , jika tidak ada error silahkan klik save template.
Contoh nya pada blog Admin |
0 komentar:
Post a Comment
Silahkan Tinggalkan Komentar Anda dengan Kebijakan yang Admin buat :
1. Dilarang Spam
2. Dilarang Memasang Link Aktif
3. Dilarang Menghina, Terdapat Unsur Sara , dan P***nografi
4. Komentar Harus Relevan Dengan Artikel
5. Dilarang Mempromosikan Sesuatu di Komentar
Jika 5 hal tersebut tidak di-Indahkan oleh Anda, maka Admin akan menghapus nya.Terima Kasih. 25Writing*