Chèn tiện ích "Top of Page", Top of Post"

Chèn tiện ích Top of Page (Lên đầu trang), Top of Post (Lên đầu bài viết) giúp bạn đọc di chuyển trang của bạn lên một cách nhanh chóng chính xác tại đầu trang hoặc đầu bài viết. Họ chỉ cần click vào các liên kết "Top of Page", Top of Post". Để hiểu thêm rõ ràng bạn có thể vào trang http://1cent-millionaire.blogspot.com, click vào các nút "Top of Page", Top of Post", xem coi nó hoạt động thế nào nhé.

Các bước để chèn tiện ích này:

- Đầu tiên bạn vào Template -> Edit HTML, sao lưu một bản template để phòng hờ sai sót.
- Chọn chế độ xem expand the widgets
- Tìm đến và chỉnh sửa đoạn mã có dạng như sau (CODE 1), chỉnh sửa ở đây là thêm đoạn mã màu đỏ vào thôi.

CODE 1:

<b:includable id='post' var='post'> <div class='post uncustomized-post-template' expr:id='"post-" + data:post.id' >

- Tiếp tục tìm đến dòng <p class='post-footer-line post-footer-line-1'> và chèn thêm đoạn CODE 2 này vào ngay bên dưới nó:

CODE 2:

<a href='javascript:scroll(0,0)' title='Lên đầu trang'>Top of Page</a> <a expr:onclick='"javascript:document.getElementById(\"post-" + data:post.id + "\").scrollIntoView(true);"' href='javascript:void(0);' title='Lên đầu bài'>Top of Post</a>

- Save Template, thế là xong rồi đó.

*** Bài viết tham khảo từ Han's blog tại beautifulbeta.blogspot.com, một blog cũng khá hay đó, các bạn có thể ghé xem để học hỏi thêm.

Top of Page | Top of Post

Bạn hãy thử click vào các link Top of Page, Top of Post ở trên xem thế nào nhé.

Anh Võ

->Read More...