Wednesday 27, Nov 2024
Sunday, December 02, 2012

Unknown CARA BUAT BREADCRUMB DI BLOG

CARA BUAT BREADCRUMB DI BLOGKali 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.

CARA BUAT BREADCUMB DI BLOG

 Bagaimana Cara buat Breadcumb di blog, ini sila ikuti langkah-langkah di bawah ;
  1. Login Dashboard.
  2. Template - Edit Html.
  3. Expand Widget Template. [x].
  4. Cari kod ini - ]]></b:skin>
Dah jumpa kod di atas kemudian salin kod ini ;
.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 == &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,nofollow'><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>

 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.


INCOMING SEARCH TERM :

Cara Buat Breadcrumb di blog, cara buat breadcrumb
  • Blogger Comments
  • Facebook Comments

1 comments:

NO SPAM ALLOWED !!!
Sebarang Komen yang tidak berkaitan dengan artikel / SPAM akan Di PADAM. Terima Kasih.

Item Reviewed: CARA BUAT BREADCRUMB DI BLOG Rating: 5 Reviewed By: Potia Casadelarossa