Seputar Dunia IT dan Fakta Unik Lainnya

Wednesday, 10 February 2016

Cara Membuat Breadcrumb

Cara Membuat Breadcrumb

Apa itu Breadcrumb? Breadcrumb atau yang bisa disebut juga Menu Navigasi adalah sebuah menu yang dapat membantu pengunjung suatu website untuk mengetahui keberadaan mereka sekarang, mereka akan mengetahui mereka sedang mengunjungi halaman dengan label atau kategori apa. Berguna bukan?

Lalu apa hubungannya Breadcrumb dengan SEO?


Breadcrumb membantu membuat Link di dalam situs / website anda yang membuat Rank situs / website anda lebih tinggi di Halaman Pencarian Google.


Langsung saja, berikut Cara Membuat Breadcrumb .....

1. Buka Blogger Anda..
2. Click Menu Template..
3. Click EDIT HTML..
4. Cari code ]]></b:skin> (Biar lebih mudah, CTRL + F)
5. Letakkan Script dibawah ini tepat diBAWAH code ]]></b:skin>

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

6. Cari code <b:includable id='post' var='post'> 
7. Letakkan Script dibawah ini tepat diatas code <b:includable id='post' var='post'> 


<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Anda disini &#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>

Cara Membuat Breadcrumb


8. Save Template, Selesai..


Sekian tentang Cara Membuat Breadcrumb .....


>>>>> SEMOGA BERMANFAAT <<<<<


No comments:

Post a comment

BILA ANDA MEMASUKKAN LINK HIDUP, MAKA AKAN OTOMATIS TERDELETE..

Blog Archive