Phân trang dạng form cho Blogspot
Điểm 4.6/5 dựa vào 87 đánh giá
(Traidatmui.com) - Mình sẽ giới thiệu đến các bạn thêm một tiện ích cũng khá hay, đây là một dạng phân trang cũng khá tiện ích. Với công cụ này bạn có thể xem bài viết ở từng trang bằng cách gỏ số trang và nhấn "Go" là có thể xem được.
Hình ảnh minh họa

2. Vào phần thiết kế (hay bố cục)
3. Chọn chỉnh sửa HTML
4. Chèn code bên dưới vào trước thẻ ]]></b:skin>
.blogpager {
padding: 0px;
text-align:center;
margin:5px
font-size:14px;
color: #735108;
font-weight:bold;
}
.blogpager a{
color:white;
}
.blogpager a:hover {
background:transparent;
color:#0000ff;
}
#vwg-pager-first, #vwg-pager-last, #vwg-pager-next, #vwg-pager-prev{
background-color:#5e5e61;
padding:2px 5px;
border:1px gray solid;
font-weight:bold;
margin:2px;
}
#vwg-pager-first:hover, #vwg-pager-last:hover, #vwg-pager-next:hover, #vwg-pager-prev:hover{
padding:2px 5px;
background-color:#ccc;
font-weight:bold;
}
padding: 0px;
text-align:center;
margin:5px
font-size:14px;
color: #735108;
font-weight:bold;
}
.blogpager a{
color:white;
}
.blogpager a:hover {
background:transparent;
color:#0000ff;
}
#vwg-pager-first, #vwg-pager-last, #vwg-pager-next, #vwg-pager-prev{
background-color:#5e5e61;
padding:2px 5px;
border:1px gray solid;
font-weight:bold;
margin:2px;
}
#vwg-pager-first:hover, #vwg-pager-last:hover, #vwg-pager-next:hover, #vwg-pager-prev:hover{
padding:2px 5px;
background-color:#ccc;
font-weight:bold;
}
5. Chọn thêm tiện ích (Add a Gadget)
6. Thêm 1 HTML/Javascript và chèn code bên dưới vào nó
<div class="blogpager">
<form action='#' name='pager20'>
<span id='vwg-pager-first'></span>
<span id='vwg-pager-prev'></span>
<input align='middle' size='4' type='text' value='init...' name='showingpage' onfocus='this.select()' title='Nhập số trang'/> / <input align='middle' size='4' type='text' value='init...' disabled='disabled' name='pagestotal'/>
<input align='middle' type='button' value=' go ' onclick='checkpager()'/>
<span id='vwg-pager-next'></span>
<span id='vwg-pager-last'></span>
</form>
</div>
<script type="text/javascript">
var blogID = "9159858874300359354"; // ID của blog bạn
var home_page = "http://www.traidatmui.com/"; //thay thành địa chỉ blog của bạn
var pager_max_main = 5; //số bài viết hiển thị trên mỗi trang
var pager_first_text = "First";
var pager_last_text = "Last";
var pager_prev_text = "Prev";
var pager_next_text = "Next";
</script>
<script src="http://data-traidatmui.appspot.com/scripts/bloggerpager.js" type="text/javascript"></script>
<form action='#' name='pager20'>
<span id='vwg-pager-first'></span>
<span id='vwg-pager-prev'></span>
<input align='middle' size='4' type='text' value='init...' name='showingpage' onfocus='this.select()' title='Nhập số trang'/> / <input align='middle' size='4' type='text' value='init...' disabled='disabled' name='pagestotal'/>
<input align='middle' type='button' value=' go ' onclick='checkpager()'/>
<span id='vwg-pager-next'></span>
<span id='vwg-pager-last'></span>
</form>
</div>
<script type="text/javascript">
var blogID = "9159858874300359354"; // ID của blog bạn
var home_page = "http://www.traidatmui.com/"; //thay thành địa chỉ blog của bạn
var pager_max_main = 5; //số bài viết hiển thị trên mỗi trang
var pager_first_text = "First";
var pager_last_text = "Last";
var pager_prev_text = "Prev";
var pager_next_text = "Next";
</script>
<script src="http://data-traidatmui.appspot.com/scripts/bloggerpager.js" type="text/javascript"></script>
Phần blogID bạn có thể lấy bằng cách vào phần thiết kế (hay bố cục) và nhìn lên trên thanh địa chỉ, bạn sẽ thấy blogID như ảnh bên dưới.

Chúc bạn thành công
Tags:
Blogspot nâng cao
cá này đếm có trang chủ hả anh traidatmui
Trả lờiXóa@ NGOC-ANH: Tiện ích sẽ chia tổng hết các trang trên blog của em.
Trả lờiXóa