Phân trang cho Blog dạng “Load More Post”.

posted in: Thủ thuật Blogspot | 0

Có rất nhiều cách để phân trang trong Blog, thông thường các Blogger thường phân trang theo xu hướng dạng số.Phải click qua trang viết sau mới có thể xem tiếp. Nó có một nhược điểm là khi qua trang mới thì phải tải lại trang nhưng với phân trang “load more post” này bài viết sẽ được tải thêm về trang web mà không cần phải tải lại. Tiết kiệm được khá nhiều thời gian cho đọc giả.

Trong bài viết này, tôi sẽ hướng dẫn cho các bạn biết cách phân trang với cách phân trang độc đáo này.

1.Về css:

chèn đoạn css này phía trên thẻ ]]></b:skin>

.moreposts a{background:#fff; text-decoration:none; display:block; width:100%; box-shadow:0 0 2px 1px #666; border-radius:5px; transition:background 0.5s}

.moreposts{text-align: center; font-size: 20px; margin:5px 0}

.moreposts a:hover{background:#ddd; box-shadow:0 0 2px 1px #666 inset;}

  1. Thư viện jquery: chèn file thư viện này vào phía trên thẻ </head>

<script src=’ https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js ‘ type=’text/javascript’/>

Nếu trong template đã có thư viện jquery trên thì bỏ qua bước 2 để tránh xung đột code.

  1. Code phân trang “Tải thêm”:

Dùng từ khóa “Blog1″ tìm đoạn code sau:

<b:section class=’main’ id=’main’ showaddelement=’no’>

<b:widget id=’Blog1′ locked=’true’ title=’Bài đăng trên Blog’ type=’Blog’>…</b:widget>

</b:section>

Chèn đoạn code sau bên dưới đoạn code vừa tìm được.

<script src=’https://googledrive.com/host/0B-PN1SIugzO-TzYyZlJIMjBOQTg’ type=’text/javascript’/>

Hi vọng với chia sẻ trên sẽ giúp bạn biết thêm một cách phân trang đầy tiện ích này.

Chúc các bạn thành công!

Bình luận