Thủ thuật tiện ích phần mềm

Thủ thuật tiện ích phần mềm, chia sẻ các thủ thuật hay, phần mềm tốt.

Tạo Phân trang kiểu google sử dụng script

Xin vui lòng xem xét cẩn thận, Các bước thực hiện có thể giống nhau nhưng css  javascript là khác nhau so với thủ thuật trước đây của tôi … Vì vậy, hãy thực hiện theo các hướng dẫn dưới đây để chạy tốt …

Xem Demo: Demo for post
Ảnh minh họa:

Phân trang kiểu google sử dụng script
Phân trang kiểu google sử dụng script 


» Bắt đầu thủ thuật

1. Đăng nhập vào tài khoản Blogger
2. Vào phần Mẫu (Template)
3. Chọn Chỉnh sửa HTML (Edit HTML) – Tiếp tục => Xem video:

4. Chèn tiếp code CSS bên dưới vào trước thẻ ]]></b:skin>

#blog-pager,.blog-pager{ background-color: #FFFFFF;width:100%,text-align:center;}
td.showpageOf{display:none;}
#nav{font-family: Arial, Helvetica, sans-serif; font-size:12px;margin:0 auto;}
#nav a{display:block; text-decoration:none; color: #0066FF}
#nav a:hover{ text-decoration:underline;}
#nav .b a,#nav .b a:visited{color: #0000CC; text-decoration: underline; font-weight:bold}
.cur{ font-weight:bold;}
.csb{background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/pagenavi/nav_logo7.png) no-repeat 0 0;height:26px;display:block;}
.csb.cur{background-position: -44px 0pt; width: 16px;}
.csb.movenext{color:#20c;background-position: -76px 0pt; margin-right: 42px; width: 66px;}
.csb.moveprev{color:#20c;background-position: 0pt 0pt; margin-left: 42px; width: 44px;}
.csb.ch{background-position: -60px 0pt; width: 16px;}
#nav td{padding:0;text-align:center}

– Bạn hãy tải hình ảnh nav_logo7.png trong đoạn CSS trên về upload lên blog và thay vào để dùng lâu dài nha. (Bấm đây để tải về)
5. Chèn tiếp code bên dưới vào trước thẻ </body>.

<script type='text/javascript'>;
var home_page='/';
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='« Prev';
var downPageWord ='Next »';
</script>;

<script src='http://accordion-template.googlecode.com/svn/trunk/jsnavigoogle-packer.js' type='text/javascript'></script>
</body>

Trong đó:

Loading...
  • var postperpage=7; (Số bài viết muốn hiển thị)
  • var numshowpage=4; (Số phân trang)
  • var upPageWord =’« Prev‘; (Có thể thay đổi chử Trở về thành chữ Trang sau)
  • var downPageWord =’Next »‘; (Có thể thay đổi chử Trang tiếp)

6. Bấm lưu mẫu lại và xem thành quả nha.

Tùy chỉnh để tiện ích hiển thị với nhãn:

Tìm đoạn code sau:

'data:label.url'

Và thay thế thành:

'data:label.url + &quot;?&amp;max-results=7&quot;'

Sau đó bấm lưu mẫu lại.

Lưu ý: Để sử dụng lâu dài các bạn hãy tải file javarscripjsnavigoogle-packer.js về (xem cách tải Tại đây hoặc tải trực tiếp file trên Tại đây) sau đó Uplaod lên host riêng (host Google code Tại đây) để sử dụng lâu dài nha.

Nguồn :terocket.com

Source: Phanmem.info – Blog phần mềm . Thư viện phần mềm miễn phí- Thủ thuật phần mềm. Tiện ích phần mềm- Nơi chia sẻ phần mềm miễn phí.

Ad code will work only on domains added to your Dashboard account This is the code for your widget. Just copy and paste it into your website. New widgets may take up to 30 minutes before they start displaying properly.
Loading...

Trả lời

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Thủ thuật tiện ích phần mềm © 2018

Nhà tài trợ :xkld nhat ban , chi phi di xkld nhat ban , co nen di xuat khau lao dong nhat ban, mức lương cơ bản ở nhật bản, đài loan bay gấp, đơn hàng đài loan mới nhất , mức lương đi xkld đài loan
Frontier Theme