Cara Menciptakan Breadcrumbs/Navigasi Terindex Google

Assalamu'alaikum Wr. Wb.

Selamat malam sahabat blogger, sudah pada tidur belum nih.? Dimalam ini Saya akan posting wacana cara menciptakan breadcrumbs/navigasi terindex google, breadcrumbs yakni sajian yang di atas judul postinggan ituh loh sob, contohnya Home>nama label>judul postingan. Sebenarnya sudah banyak sahabat blogger yang share wacana menciptakan breadcrumbs, tapi apa salahnya Saya share juga di blog Saya. Yasudah, karna ini isyarat nya panjang dan nanti huruf di hp Saya tidak cukup, mending pribadi saja deh..

cara menciptakan breadcrumbs/navigasi terindex google

1. Seperti biasa, sahabat masuk dulu di blogger.com
2. Masuk template ==> Edit HTML
3. Sobat cari isyarat ]]></b:skin> tekan Ctrl + F untuk mempermudah pencarian. Jika sudah ketemu, silakan copy CSS dibawah ini dan letakan di atas isyarat ]]></b:skin> tadi.

.breadcrumbs{background:aliceblue; padding:5px 5px 5px 5px;margin:0 0 5px;font-size:13px; border: 1px solid #778899; font-weight:normal}

4. Selanjutnya cari isyarat <b:includable id='main' var='top'> bila sudah ketemu, hapus isyarat tersebut dan ganti dengan isyarat di bawah ini.

<b:includable id='breadcrumb' var='posts'>
 <b:if cond='data:blog.homepageUrl != data:blog.url'>
 <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
 <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 == &quot;item&quot;'>
 <!-- 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'>
 <b:if cond='data:label.isLast == &quot;true&quot;'>
 &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span> </b:if>
 </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> &#187; <span>Unlabelled</span>
 &#187; <span><data:post.title/></span></div>
 </b:if>
 </b:loop>
 <b:else/>
 <b:if cond='data:blog.pageType == &quot;archive&quot;'>
 <!-- breadcrumb for the label archive page and search pages.. -->
 <div class='breadcrumbs'>
 <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
 </div>
 <b:else/>
 <b:if cond='data:blog.pageType == &quot;index&quot;'>
 <div class='breadcrumbs'>
 <b:if cond='data:blog.pageName == &quot;&quot;'>
 <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
 <b:else/>
 <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <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'/>

6. Simpan template.

Nah mungkin hanya itu saja yang dapat Saya tulis, karna postingan ini terlalu banyak isyarat dan karter di hp Saya sudah terbatas, jadi cukup hingga disini saja postingan wacana cara menciptakan breadcrumbs/navigasi terindex google. Semoga bermanfaat untuk sahabat semua.

Wassalamu'alaikum Wr. Wb.