Jumat, 21 Februari 2014

Cara membuat / memasang navigasi breadcrumb di Blogspot

0 komentar
Hallo sobat blogger semuanya, pada artikel kali ini saya akan membahas Cara membuat / memasang navigasi breadcrumb di Blogspot. Navigasi breadcrumb ini wajib dipasang pada blog-blog sobat yang baru karena bisa meningkatkan SEO di blog sobat.


Pengertian navigasi breadcrumb sendiri adalah sebuah penunjuk halaman yang fungsinya untuk membantu memberikan infomasi kepada pengunjung tentang di artikel mana dan di label apa si pengunjung berada. Bagi sobat yang tertarik memasang navigasi ini bisa ikuti tutorial di bawah ini

Berikut cara membuat / memasang navigasi breadcrumb di Blogspot :
1. Log in dulu ke blog sobat
2. Klik rancangan --> Edit HTML
3. Letakkan kode berikut ini di atas kode ]]></b:skin> (Ctrl + F untuk memudahkan search)

.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef}

4. Selanjutnya cari kode :
 
<div class='post hentry'>

5. Kemudian letakkan kode berikut ini tepat di bawah kode tadi :

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#187; <a expr:href='data:blog.homepageUrl'>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 != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>

6. Simpan template dan lihat hasilnya. Selamat mencoba

Diposting Oleh : Boeztanoel ~ Blogging, Trik, Tips, Free Software

Sobat sedang membaca artikel tentang Cara membuat / memasang navigasi breadcrumb di Blogspot. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya.

:: Oplosanblog ! ::

Artikel Terkait



Get this widget [ Here ]

Leave a Reply

Berkomentarlah di blog ini dengan cerdas dan sopan :
* Dilarang mencantumkan link aktif, contoh: http://xxx
* Untuk menampilkan emoticon, ketik kodenya, contoh: :D
* Karena banyaknya SPAM, terpaksa kami tampilkan verifikasi kata
Jangan sampai komentar sobat dihapus karena tidak mematuhi aturan!!