Membuat Navigasi Broadcumb Mudah di Blogger


Mungkin ini bukan cara tutorial pertama di blogspot, yaitu cara Membuat Navigasi broadcumb di blogger.
Apa kegunaannya?
Menurut info yang saya dapatkan dari mbah google, ternyata navigasi broadcumb berpengaruh dengan SEO, dan juga berfungsi untuk memudahkan pembaca dalam menelusuri halaman blog sobat. Jadi ibarat peta atau sitemap dalam blog sobat.

Tidak usah panjang dan lebar tar kelamaan,




TUTORIAL MEMBUAT NAVIGASI BROADCUMB:


1. Silahkan sobat Login ke akun blogger sobat.
2. Rancangan > Edit Html
3. Jangan lupa juga sobat klik Expand Template widget, soalnya jika sobat tidak klik itu kode yang di cari tidak akan ketemu.


4. Setelah itu, cari kode <b:if cond='data:post.title'>
5. Letakan kode di bawah ini di bawah <b:if cond='data:post.title'>


<b:if cond='data:blog.pageType == "item"'><div class='breadcrumb'><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &#187;<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if></b:loop>&#187;</b:if><data:post.title/></div></b:if>

6. Kemudian sobat cari kode ]]></b:skin>
7. Jika sudah ketemu kode tersebut, taruh CSS di bawah ini di atas kode ]]></b:skin>


<--- nav broadcumb -->.breadcrumb {padding:5px 5px 5px 0px;margin: 0px 0px 10px 0px;font-size:90%;line-height: 1.2em;border-bottom:3px double #e6e4e3;}<-- nav broadcumb tutup -->


8. Jika sudah diletakan semuanya dan sudah beres silahkan sobat klik Simpan Template 


Itulah sedikit tutorial blogger dari saya untuk sobat semua, semoga berhasil dan semoga bermanfa'at

0 Response to "Membuat Navigasi Broadcumb Mudah di Blogger"

Post a Comment