Thinhplus
T.Trạng : Thành Tích : 1 Số Tiền : 3 Cảm Ơn : 0 Gia Nhập : 01/11/2011 Xuân xanh : 34 Đến Từ : Nghĩa Hành - Quảng Ngãi
| Tiêu đề: Tạo phân trang cho Blogger / Blogspot (Page Navigation) - Vip Tue Nov 01, 2011 9:52 pm | |
| | | | | Đọc hướng dẫn này để thêm Phân trang cho bất kỳ blog dựa trên Blogspot / Blogger chỉ với hai bước. Những con số pagination là hoàn toàn tùy chỉnh. Hướng dẫn để làm theo : Bước 1 : Đăng nhập vào Blogger , vào Layout -> Edit HTML Tìm đoạn mã này: - Code:
-
</ Body> Và dán mã này ngay lập tức TRÊN / Trước khi nó:
- Code:
-
<!--PAGINATION-STARTS--> <script type='text/javascript'> var pageCount=10; var displayPageNum=3; var upPageWord ='Previous'; var downPageWord ='Next'; </script> <script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination1.js' type='text/javascript'/> <script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination2.js' type='text/javascript'/> <!--PAGINATION-STOPS--> var pageCount = 10; là số lượng bài viết được hiển thị trên mỗi trang. [Ex. trong một tìm kiếm Google đơn giản trên mỗi trang mà bạn được hiển thị 10 kết quả tìm kiếm] - thay đổi số "10" đến bất kỳ số nào bạn muốn. var displayPageNum = 3, là số lượng các nút được hiển thị (mỗi bên) cùng với các trang số hiện seleted Đối với ví dụ. Nếu một độc giả trên trang 6, sau đó trong phân trang, số trang sẽ được hiển thị như thế này: - Code:
-
Prev 3 4 5 6 7 8 9 Next tức là 3 số trang trên mỗi bên của số 6 Bước
Bước 2: Bây giờ chúng tôi sẽ làm phong cách của những con số này pagination ... Theo mặc định, quy tắc này sẽ cung cấp cho một cái nhìn màu tím đến số mã này trong các mẫu:
- Code:
-
</ Head> Và ngay lập tức TRÊN / TRƯỚC KHI nó, dán mã này: - Code:
-
<!--PAGINATION-STARTS--> <link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination2.css' rel='stylesheet' type='text/css'/> <style type='text/css'> .showpage a:hover { color: #FFFFFF; background-color: #92416C; } // STYLE CODE FOR SELECTED PAGE STARTS .showpagePoint { color: #FFFFFF; background: #92416C; border: 1px solid #92416C; } // STYLE CODE FOR NUMBER BUTTONS STARTS .showpageNum a:link,.showpage a:link { color: #000000 !important; background-color: #92416C; border: 1px solid #92416C; } // HOVER CODE for NUMBER BUTTONS .showpageNum a:hover { color: #FFFFFF !important; background: #92416C !important; border: 1px solid #92416C; } // STYLE CODE FOR "PREV and NEXT" BUTTONS STARTS .showpageArea a { border: 1px solid #92416C; } // HOVER CODE for NEXT-PREV BUTTONS .showpageArea a:hover { border: 1px solid #92416C; color: #FFFFFF !important; background: #92416C !important; } </style> <!--PAGINATION-STOPS-http://bloggerstop.net-->
Trong đoạn mã trên, ở khắp mọi nơi # 92416C đề cập đến màu tím. Thay thế nó bằng các mã màu mà bạn muốn xem màu sắc kết hợp và nhận được mã màu hex HTML từ trang này . Hãy thử các màu sắc khác nhau cho biên giới, hình nền, hiệu ứng di chuột, và số lượng văn bản quá, theo các hướng dẫn mà tôi đã nêu bật trong màu RED / Blue .
Ví dụ một số Blogger-Phân trang được ưa thích ... - Trích dẫn :
Chú ý: Nếu bạn tạo ra một cái gì đó độc đáo và nó có thể được sửa đổi cho phù hợp với các tempates khác, sau đó làm bình luận trên trang này và hiển thị công việc của bạn. Blog của bạn sẽ được giới thiệu trong bài viết này. :ksv:
| | | | | |
|
DHQNKT3
T.Trạng : Thành Tích : 378 Số Tiền : 824 Cảm Ơn : 34 Gia Nhập : 05/10/2011 Xuân xanh : 34 Đến Từ : Tp.HCM
| Tiêu đề: Re: Tạo phân trang cho Blogger / Blogspot (Page Navigation) - Vip Tue Nov 01, 2011 10:16 pm | |
| |
|
thanhngovn
Thành Tích : 1 Số Tiền : 1 Cảm Ơn : 0 Gia Nhập : 10/02/2012 Xuân xanh : 35 Đến Từ : hà nội
| Tiêu đề: Re: Tạo phân trang cho Blogger / Blogspot (Page Navigation) - Vip Tue Apr 10, 2012 6:22 pm | |
| |
|
Sponsored content
| Tiêu đề: Re: Tạo phân trang cho Blogger / Blogspot (Page Navigation) - Vip | |
| |
|