Blogger lesson: Хуудсан меню-г линк болгох

Анх удаагаа видеогоор хичээл оруулж байна. Арай ойлгомжтой болов уу гэж бодоод хийлээ. Тэгэхлээр Блоггер дээр меню хийхээр хязгаар заачаад, мөн менюн дотроо нийтлэлүүдээ оруулж болдгүй шүү дээ.  Тэгэхлээр блогийнхоо менюг хуудсаар биш линкээр хийх хичээлийг оруулж байна. Яг одоо миний блогийнх шиг меню юм.

За тэгээд хийх алхамууд:

1. Блогтоо нэвтэрч орно

2. Dashboard > Design > Edit HTML -руу орно

3. Гарнаасаа Ctrl+F товчийг дараад дараах кодийг хуулна

<b:widget id='PageList

4. Гарж ирэх мөрөнд энэ код харагдана

<b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>

5. Дээрхтэй адилхан кодийг идэвхжүүлээд доорхи кодыг оронд нь хуулж тавина

<b:widget id='LinkList786' locked='false' title='Menu' type='LinkList'>    

<b:includable id='main'>

<div class='widget-content'>

<ul>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<li class='selected'>

<a expr:href='data:blog.homepageUrl'>Home</a>

</li>

<b:else/>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

</b:if>

<b:loop values='data:links' var='link'>

<b:if cond='data:blog.url == data:link.target'>

<li class='selected'>

<a expr:href='data:link.target'><data:link.name/></a>

</li>

<b:else/>

<li><a expr:href='data:link.target'><data:link.name/></a>

</li>

</b:if>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

6. За тэгээд хадгалаад Design > Page Elements дээрхи хуучин Page Menu устган оронд нь Link list гэдгийг сонгон линкүүдээ дээр нь бичээд байж дээ. Ойлгомжгүй бол бичлэгэн дээрээс дэргэрэнгүй үзээрэй.