Monday, June 22, 2009

Бичлэгийн уншигдсан зам буюу breadcrumb - How to make "breadcrumb-navigation" in Blogger


Олон зүйл нуршилгүй тавилаа. Зургаас харахад ойлгомжтой. Блогтоо нэвтрээд dashboard >> layout >> Edit HTML >> Expend widget templaes чагтлаарай. Мөн блогоо давхар нөөцлөөд аваарай. Download full template гэж татна.
Ингээд Ctrl+F дараад ]]></b:skin> хайлт хий. Дээд талд нь үүнийг хуул
.breadcrumbs {

padding:5px 5px 5px 0px;

margin: 0px 0px 15px 0px;

font-size:95%;

line-height: 1.4em;

border-bottom:3px double #e6e4e3;

}
Дахин Ctrl+F дээр <div class='post hentry uncustomized-post-template'> хайлт хий. Дээд талд нь доорхи кодыг хуул


<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' rel='tag'>Home</a>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast == "true"'> »

<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

</b:if>

» <span><data:post.title/></span>

</b:loop>

</b:if>

</b:loop>



</div>

</b:if>

<b:else/>

<b:if cond='data:blog.pageType == "archive"'>

<div class='breadcrumbs'>

Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>

</div>

</b:if>

<b:else/>

<b:if cond='data:navMessage'>

<div class='breadcrumbs'>

<data:navMessage/>

</div>

</b:if>

</b:if>

Save Templat дараад боллоо. Амжилт блогчидоо

3 comments:

Anonymous said...

Favicon-г блогтоо хэрхэн байрлуулах талаар хичээл оруулаад өгөөч. Амархан юм шиг атлаа ярвигтай эд юм.

lesson said...

Ok дараагийн хичээл Favicon.

Mutuelle sante said...

Thanks a lot for the guide, this tutorial was extremely important for me to learn how to make "breadcrumb-navigation" in blogger. Many thanks

Post a Comment