Breaking News
Loading...
Sunday, March 13, 2011

Cara Memasang Navigasi Breadcrumb

3/13/2011
 

Sore kawan-kawan. Sore ini aku mau berbagi cara memasang Breadcrumb. Tahu kan Breadcrumb ?? kalau tidak tahu kawan dapat melihatnya diatas judul postingan diblog ini. Menurut Ebook SEO Google yang saya baca, Breadcrumb sangat membantu untuk meningkatkan SEO blog. Ok aku rasa cukup penjelasannya, bagi pengguna wordpress anda bisa download plugin Breadcrumb disini. Sedangkan untuk pengguna blogger ikuti langkah-langkah berikut untuk memasang navigasi breadcrumb:

1. Buka Blogger. Masuk ke menu Rancangan -> Edit HTML
2. Beri centang pada 'Expand Widget Templates'.
3. Setelah itu, cari kode <b:if cond='data:post.title'&gt;
4. Letakkan kode berikut dibawah <b:if cond='data:post.title'&gt;

<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> 

5. Selanjutnya cari kode ]]></b:skin>
6. Letakkan kode css berikut diatasnya

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

7. Jika sudah simpan template anda dan lihat hasilnya.

Sumber : Herman Blog
Rating: 5, Reviewer : Yufex E,

0 Comments:

Post a Comment

Terimakasih telah berkunjung di LpuARmy Blog, budayakan berkomentar dengan nama (jangan pakai Anonymous) dan baik yah :)

sankyu :)
- Admin LpuARmy Blog

 
Toggle Footer