CARA BUAT BREADCRUMB DI BLOG | Kali ni Tutorial bagaimana Cara Buat Breadcrumb di blog , Apa itu breadcumb? sila rujuk gambar di bawah. So dah tahu apa itu Breadcumb kan. Breadcumb adalah lebih mesra SEO, dimana ianya akan memaparkan tag label di atas setiap posting.
Bagaimana Cara buat Breadcumb di blog, ini sila ikuti langkah-langkah di bawah ;
- Login Dashboard.
- Template - Edit Html.
- Expand Widget Template. [x].
- Cari kod ini - ]]></b:skin>
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}kemudian paste kod tersebut betul-betul di atas kod ]]></b:skin>
Jadi ia akan kelihatan seperti ini ;
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
]]></b:skin>
Ok, kemudian cari kod berikutnya atau dengan menggunakan hotkey CTRI+F ini, kod yang perlu di cari adalah seperti di bawah ;
<div class='post hentry uncustomized-post-template'>Kalau tak jumpa kod di atas sila cari kod di bawah ini.
<div class='post hentry'>
Kemudian salin kod di bawah ini;
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'> Browse » <a expr:href='data:blog.homepageUrl'>Home</a> »
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag,nofollow'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'> , </b:if> </b:loop> </b:if> » <data:post.title/>
</div> </b:if> </b:if>
Dan paste kod di atas betul-betul di atas kod ini;
<div class='post hentry uncustomized-post-template'>
ATAU KOD
<div class='post hentry'>
Jika selesai sila save. Selamat mencuba.
maaf kesemua komen terpadam semasa uninstall comment form
ReplyDelete