Cara Membuat Simple Menu Navigasi Breadcrumbs Di Blogspot

Judul Posting : Cara Membuat Simple Menu Navigasi Breadcrumbs Di Blogspot
Posting By : Okacupu

Assalamualaikum, Selamat siang dan selamat beraktivitas disiang menjelang sore ini.
Pada kesempatan kali ini saya Okacupu akan membagikan Tutorial Cara Membuat Simple Menu Navigasi Breadcrumbs Di Blogspot Dan bagi yang bertanya bagaimana atau yang gak tau apa itu Menu Navigasi Breadcrumbs, ini saya kasih contohnya :

Nah itu dia contoh Menu Navigasi Breadcrumbs, keuntungan memasang navigasi Breadcrumbs ini adalah agar memudahkan para pengunjung blog kita untuk menuju ke/mencari artikel berdasarkan label yang telah disediakan, dan ini juga dapat menunjang SEOnya suatu blogger/website. Dan ini Contohnya dalam bentuk SEO :

Nah itu hasil pencarian digoogle dan yang dilingkari merah adalah Menu Navigasi Breadcrumbs kita tadi.
Dan disini saya akan memberitahukan cara membuat Menu Breadcrumbs agar dapat menambah SEO blogspot temen temen sekalian, Silakan monggo ikuti langkah dibawah ini :

• Pertama login ke account blog anda masing-masing
• Setelah login, pastikan semua postingan blog sobat sudah diberi label dan jika sudah mari masuk kebagian Edit HTML.
• Kalo udah masuk jangan lupa centang Expand Widgets Template, dan carila kode dibawah ini :

<b:includable id='main' var='top'>

• Kalo sudah ketemu silakan letakan kode dibawah ini tepat diatasnya :

<b:includable id='breadcrumbs' var='post'><br /> <!-- Okacupu.blogspot.com|awal breadcrumbs --><br /> <b:if cond='data:blog.pageType == "item"'><br /> <p class='breadcrumbs'> <span class='post-labels'><br /> <b:if cond='data:post.labels'><br /> <br /> Browse:<br /> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> ><br /> <b:loop values='data:post.labels' var='label'><br /> <b:if cond='data:label.isLast == "true"'><br /> <a expr:href='data:label.url' rel='tag'> <data:label.name/></a><br /> </b:if><br /> </b:loop><br /> <b:if cond='data:post.title'><br /> > <b><data:post.title/></b><br /> </b:if><br /> <br /> </b:if><br /> </span><br /> </p> </b:if><br /> <!-- Okacupu.blogspot.com|tutup breadcrumbs --><br /> </b:includable>

• Sudah sampai disini? Kalo sudah silakan cari lagi kode dibawah ini : 

<b:if cond='data:post.dateHeader'>

• Kalo sudah kemudian Copy lagi kode dibawah ini letakan tepat diatas kode tadi :

<b:include data='post' name='breadcrumbs'/>

• Dan sekanrang kita masuk ketahap akhir, dan langkah terakhir carila kode ]]></b:skin> dan jika sudah ketemu pastekan kode dibawah ini :

.breadcrumbs {<br /> border-bottom:1px dotted #000;<br /> margin:2em 0 0.5em;<br /> padding:0 0 0.5em;<br /> }

• Selesai deh, Menu Navigasi Breadcrumbs sudah selesai dan sudah terpasang diblog anda.

Semoga bermanfaat dan jangan lupa selalu visit Okacupu karna akan ada banyak tutorial cupu dari saya yang akan dibagikan disini.


Description: Cara Membuat Simple Menu Navigasi Breadcrumbs Di Blogspot
Rating: 5
Reviewer: Okacupu
Itemreviewed: Cara Membuat Simple Menu Navigasi Breadcrumbs Di Blogspot