Wednesday, May 22, 2013

Tiện ích "Bài viết liên quan" theo nhãn có hiệu ứng mô tả khi rê chuột cho blogger

Nhân dịp thay đổi themes cho Thủ thuật blog, xin giới thiệu với các bạn một số thủ thuật mà mình đã chọn lọc để áp dụng cho blog này.
Trước tiên là thủ thuật tạo tiện ích bài viết liên quan cho blogspot, liệt kê theo từng nhãn và có hiệu ứng mô tả chi tiết khi rê chuột đến link bài viết, được hướng dẫn bởi Thủ thuật blog.

Bạn có thể xem trước hiệu ứng như hình dưới hoặc ngay trên blog này.
bai viet lien quan


Trình tự công việc như sau:
1 - Đăng nhập Blogger, vào Template → Edit HTML → Proceed → Expand Widget Templates.

2 - Tìm đến đoạn mã và chèn đoạn code dưới đây vào ngay trước nó:
     


Trong đoạn code này, lưu ý:
imgwidth = 60; , imgheight = 60; : kích thước ảnh thumbnail sẽ hiển thị trong phần mô tả
fntsize = 12; : size chữ của tiêu đề bài viết
acolor = "#555"; : màu của tiêu đề bài viết
motacolor = "#f00"; : màu của tiêu đề bài viết trong phần mô tả
summaryPost = 150; : số kí tự hiển thị trong phần mô tả bài viết
summaryFontsize = 12; : size chữ của phần mô tả
summaryColor = "#000"; : màu chữ của phần mô tả
numposts = 5; : số bài viết sẽ hiển thị trong list các bài liên quan của mỗi nhãn. Chú ý: giá trị này phải chỉnh bằng với giá trị max-results=5 ở bước 3.
home_page = "http://i-thuthuat.blogspot.com"; : thay bằng địa chỉ URL của blog bạn

3 - Tiếp tục tìm đoạn code: . Nếu có nhiều hơn 1 code như thế thì chọn cái thứ nhất để chèn đoạn code dưới đây ngay sau nó: