Add The Blogger "Read More"

Blogspot дээрх блогтоо цааш унших буюу тухайн бичлэгийн толгой мэдээлэл уншигчидад харагдаад заавал цааш унших гэсэнг дарснаар мэдээллийг бүтнээр нь унших боломжтой болдог энэхүү хэсгийг хэрхэн оруулах талаар google-дэхэд хангалттай гарч ирдэг ч блогтоо бичихэд гэмгүй гэж бодлоо.
Мэдээж үүнийг кодын тусламжтай хийх учир кодчлолын талаар ойлголто багатай хүмүүс алдаа гаргах магадлал өндөртэй. Тиймээс сайн хянаж үзээрэй гэж зөвлөх байна.


1. Өөрийн блогийнхоо Layout табаар ороод Edit HTML гэсэн товчийг дарна. Гарч ирсэн хэсэгт Edit template гэсэн кодын талбарт таны блогийн template код харагдах ба дээд талд нь Expand Widget Templates гэсэн зөвлөх чагтыг чагтласныхаа дараагаар template-ынхээ кодыг хуулж аваад ямар нэгэн text файлд хадгалж аваарай. Засвар орсны дараагаар ямар нэгэ алдаатай байвал үүнийгээ хуулж тавиад л хуучин хэвэндээ оруулчихна гэсэн үг шүү дээ. Хаширлах хэрэгтэй.

Дараагаар нь кодын талбар дээрээс ctrl+F-ыг дарж <data: post.body/> гэсэн мэдээллийг уг кодоосоо хайна. Ингээд яг энэ кодынхоо дээд талд
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<b:else/>
<style>.fullpost{display:none;}</style>
</b:if>гэсэн хэсгийг оруулна. Харин яг <data: post.body/> гэсэн хэсгийнхээ доод талд нь

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data: post.url'>Read more...</a>
</b:if>

гэсэн хэсгийг оруулна. Энд Read more… -ын оронд цааш нь, дэлгэрэнгүй гэх мэт үгнүүд оруулсанч болно.
Ингээд кодчлолын хувьд ерөнхийдөө дууслаа. Үндсэн бүтцийн хувьд

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<b:else/>
<style>.fullpost{display:none;}</style>
</b:if>

<data: post.body/>

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data: post.url'>Read more...</a>
</b:if>

хэлбэртэй болно гэсэн үг. Ихэнх template-д <data: post.body/> нь <p><data: post.body/></p> хэлбэртэй байдаг.

2. Блогтоо post хийх болгондоо таниас шалтгаалах нэг зүйл үлдлээ энэ бол бичлэгийнхээ аль хэсгийг харагдуулахгүй буюу Read more гэсэнг дарахад гаргаж ирэх вэ гэж.
Та өөрийн бичлэгийнхээ шууд харагдуулахгүй хэсгийг

<span class="fullpost">ЭНД БИЧНЭ</span>

гэдгийг оруулан ЭНД БИЧНЭ гэсэн өгүүлбэрийн оронд оруулж бичиж байна.
Ингээд л болчихлоо. Амжилт.

Cанамж: <data: post.body/>-ын data: post гэсний хоорондох зайг нийлүүлээрэй.

Холбоотой мэдээлэл