Дугаарласан page хуудаслалт

За өмнө нь blogger-ыг хуудаслах нэг tip оруулж байсан. Гэхдээ тэр бага зэргийн болхи хийцтэй байсан санагдаж байна. Тиймээс энэ удаад арай боловсронгуй болгосон tip оруулж байна.
Дараах алахмуудаар энэхүү нэмэлтийг суулгах нь байна.

1. Blogger Dashboard-руугаа нэвтрэн ороод Layout > Edit Html гэсэнг сонго.
2. 'Expand Widget Templates' гэсэн сонголтын сонгох шаардлагагүй!
3. Доорх кодыг хайж ол.
]]></b:skin>
3. Доорх кодоор сольж тавина.
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
]]></b:skin>

энэхүү хэсгүүд нь хуудаслалтыг харуулсан хэсгийн CSS юм. Та өөрийн блогтоо тохирох өнгө, хэмжээтэй болгож өөрчлөж болно.
4. Одоо Javascript хэсэгтээ ороё!
</body> гэсэн кодыг хайж олон доох кодоор сольж тавина.
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>

var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://sanakae.googlecode.com/files/js_blogger-page-navi.v2.js' type='text/javascript'/>

</b:if>
<!--Page Navigation Ends-->
</body>

Ингээд л болох нь байна.
pageCount - Хуудасны тоо
displayPageNum - Дэлгэцэнд гарах бичлэгийн тоо
upPageWord Өмнөх хуудасруу
var downPageWord Дараах хуудасруу

Алдааг зассан бөлгөө

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