Saturday, November 17, 2012

Tiện ích "Bài viết liên quan" cho Blogger, bản nâng cao, có phân trang

Script tạo danh sách các bài viết liên quan cho Blogger ban đầu được Hoctro phát triển, sau đó được nhân rộng ra với khá nhiều chỉnh sửa. Các bản "bài viết liên quan" hiện nay đều cho phép cấu hình số bài viết hiển thị và số bài viết lấy theo mỗi label. Tuy vậy, trong trường hợp cần liệt kê số lượng lớn các bài viết liên quan thì chưa script nào có khả năng phân trang. Trong bài viết này, tôi sẽ hướng dẫn các bạn làm phân trang cho chúng.

Script này thích hợp với các blog cần liệt kê số lượng lớn các bài viết liên quan (VD như các tập trong 1 bộ truyện tranh). Nếu blog bạn không có nhu cầu này, hãy dùng các bản cũ mà bạn thấy phù hợp.




.

Sunday, November 11, 2012

Tạo tab nhiều tiện ích cho blogspot

Khi trên blog có nhiều tiện ích thì câu hỏi cần đặt ra là làm sao để có thể thêm nhiều tiện ích mà vẫn tiết kiệm được không gian trên blog? Điều này rất cần thiết vì nó sẽ ảnh hưởng đến tốc độ load trang. Và một trong những cách tiết kiệm đó, bạn có thể làm theo hướng dẫn bên dưới. Thủ thuật này tạo Tabs với nhiều tiện ích, cùng với hiệu ứng bằng JQuery.

Hình ảnh minh họa
.

Hướng dẫn tạo Drop Menu cho blog

Trong bài viết share template 01 (white template) mình viết hôm trước Dlai có nhờ mình hướng dẫn tạo dropdown menu như trên template đó nên hôm nay mình viết bài viết này để thực hiện thủ thuật trên.



1. Vào Thiết kế → chỉnh sửa HTML chèn đoạn code sau vào trước thẻ ]]></b:skin>
.

Tạo Menu Labels (Nhãn) xổ xuống cho Blogger


Nếu bạn thấy widget Labels mặc định của blogger (blogspot) chiếm diện tích blog (với những blog nhiều Labels), bạn có thể chuyển dạng hiển thị mặc định sang dạng Menu xổ xuống (Drop down Menu) gọn gàng như hình minh họa bên dưới.
Drop down menu for Labels
Menu cho Labels dạng list xổ xuống
.

Phân trang cho blog - Page Navigation


Page Navigation đối với đa số các website là một công cụ không còn xa lạ. Nhưng với blogger thì công cụ này vẫn chưa được hỗ trợ mạnh lắm. Chỉ có nút Next và Preview thôi. Tham khảo ở một số nơi mình đã chế biến lại cái navipage cho blog của mình. Bạn có thể làm theo hướng dẫn dưới đây.
.