Inilah tutorial terlengkap cara pasang breadcrumb di blog gratisan milik si mbah google. Bagi pemilik blog blogspot yang masih kebingungan petunjuk cara memasang remah roti atau breadcrumb. Bisa mencoba trik cara memunculkan breadcrumb di blog agan. Yuk kita ikuti cara membuat breadcrumb yang benar, sehingga bisa muncul di halaman blogspot.
Seperti diketahui bahwa breadcrumb merupakan salah satu teknik SEO yang tidak bisa dianggap enteng. Sebab breadcrumb juga muncul dan sebagai syarat yang diwajibkan oleh si mbah google. Sehingga dengan adanya breadcrumb, maka blog otomotif agan semakin diperhitungkan dan diharapkan naik peringkat.
Bisa dibilang tanpa breadcrumb, maka estimasi blog anda kurang lengkap dan muncul peringatan di google search console. Dengan demikian bagi webmaster yang masih mencari cara untuk pasang breadcrumb yang benar. Cobalah untuk menerapkan trik Info Lengkap Terbaru. Nah untuk mempersingkat waktu, yuk kita mulai tutorial cara membuat breadcrumb di blogspot.
Log in dan buka dashboard blogger
Langsung saja klik Tema blogspot, lihat gambar
Sekarang ke bagian edit html
Nah akan terlihat halaman untuk mengedit tema blog blogspot. Langsung cari aja di bagian atas titik 3 menurun, lihat gambar
kemudian klik titik 3 tersebut, dan akan terlihat beberapa halaman. Langsung saja klik edit html
Nah sekarang sudah terlihat deretan script html blog blogspot agan. Biar cepat, geser kursor perlahan dan temukan di bagian kode css di bagian ( /* Mobile ). Sampai di sini cobalah untuk menggeser secara perlahan dan lebih teliti. Temukan kode atau deretan ( ]]></b:skin> ).
Silahkan copy paste scrip berikut dan letakkan tepat di atas baris ]]></b:skin> ( seperti terlihat pada gambar berikut ):
( .breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;} )
Langkah berikutnya geser lagi ke bawah perlahan lahan saja dan temukan baris ( <b:includable id=’main’ var=’top’> ). Silahkan ganti dengan script berikut :
<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’/>
Terakhir silahkan save dan coba cek halaman blog agan.
Ada beberapa hal penting yang wajib diperhatikan. Sebelum agan ganti script sebaiknya simpan dahulu script aslinya. Atau bisa juga langsung membuka 2 halaman yang sama, sehingga jika terjadi kesalahan dalam memasukkan script bisa kembali ke semula.
Cara pasang breadcrumb di atas sudah berhasil saya coba dan berhasil dengan sangat bagus. Bahkan tidak terjadi kekeliruan atau kesalahan apapun. Namun script breadcrumb di atas hanya untuk blogspot saja.