Pro TabNews mang phong cách của VnExpress

[FDs BlOg] - Bài viết này mình lại giới thiệu cho các bạn 1 TabNews hiển thị các bài viết mới nhất theo từng nhãn theo phong cách của VnExpress. Điểm nổi bật của thủ thuật này là việc hiển thị random các bài viết theo nhãn mỗi khi reload trang hoặc chuyển trang, thêm vào đó thành Header của TabNews sẽ thay đổi tương ứng với Nhãn được hiển thị bài viết, như vậy sẽ dễ dàng hơn cho người đọc nhận biết được nhãn (chuyện mục)mình đang xem.Xem demo: LIVE...

Read More

Modify Form Comment : Bài 12 - Một cách đơn giản để trang trí cho khung comment

[FD's BlOg] - Trước kia mình có hướng dẫn các bạn 1 thủ thuật trang trí khung comment với việc sử dụng CSS là chủ yếu, và thủ thuật có vẻ hơi phức tạp, và phục thuộc nhiều vào code của template. Hôm nay mình sẽ hướng dẫn 1 cách đơn giản hơn nhiều, đó là chèn thêm 1 thẻ div lên trên phần nội dung bài viết. Đây là thủ thuật mà mình đang dùng để trang trí cho nội dung các bài comment.Bài viết này sẽ thiêng về phần hướng dẫn hơn là 1 bài thủ thuật hoàn...

Read More

Cập nhật các file javascript từ ngày 11/7/09 đến 27/8/09

[FD's BlOg] - Hôm nay 27/8/2009 lại 1 lần nữa Host 110mb lại gặp sự cố, và để khắc phục sự cố này mình đã upload tất cả các file JS đã post từ ngày 11-7 đến nay (27/8) lên host mediafire cho các bạn. Đây là lần thứ 2 mình cập nhật dữ liệu, và lần cập nhật này, các dữ liệu sẽ liên tục với lần 1, vì thế để có tất cả các file JS mà mình đã đăng, các bạn có thể vào đây để download gói dữ liệu ở lần cập nhật đầu tiên.Sau này mục cập nhật dữ liệu này sẽ...

Read More

Hiển thị bài viết ngoài trang chủ giống trang news.zing.vn

[FD's BlOg] - Với tiêu chí tổng hợp thật nhiều style khác nhau cho tiện ích "Recent posts" hôm nay mình sẽ lại giới thiệu cho các bạn 1 style khác theo phong cách giống trang news.zing.vn . Style này giống với style giống trang vnExpress mà mình đã từng giới thiệu. Trong bài viết này mình có convert lại độ rộng để có thể hiển thị được trên blogspot.Xem demo : LIVE DEMOHình ảnh minh họa :- Ở style này có thêm 1 điểm khác với các style cũ, là mình...

Read More

Tiện ích Recent Comments cho cho 1 bài viết cụ thể

[FD BlOg] - Chúng ta đã từng làm quen với tiện ích Recent Posts with icon của Anhvo (vietwebguide.com), hôm nay mình sẽ giới thiệu lại cho các bạn thủ thuật này, nhưng không phải áp dụng để hiển thị các comments mới của blog mà là các comments mới nhất của 1 bài viết cụ thể nào đó.Thủ thuật này thích hợp cho việc theo dõi comment của 1 bài viết đặc biệt nào đó trong blog, ví dụ như blog của mình, khu vực "Yêu Cầu thủ thuật" thường xuyên có comment...

Read More

Cách post code HTML, XML, Javascript ... vào bài viết với Greasemonkey

[FD's BlOg] - Mình đã từng giới thiệu với các bạn 2 cách khác nhau để chèn code vào bài viết (cách mã hóa (xem thêm) và cách dùng Javascript (xem thêm)), và bài viết này mình sẽ hướng dẫn thêm 1 cách khác để chèn code vào bài viết, đó là dùng tiện ích từ Greasemonkey. Với thủ thuật này ta sẽ thực hiện trực tiếp trên khung soạn thảo bài viết, và chỉ việc khối code cần post lại rồi click vào button là code được mã hóa. Thủ thuật này rất thích hợp cho...

Read More

[ Yêu cầu ] : Hiển thị bài viết dạng list ở các trang Home, Label, Archive

Theo yêu cầu của bạn Phạm Xuân Tú (xtu08.blogspot.com)[FD's BlOg] - Mình đã từng giới thiệu với các bạn thủ thuật chỉ hiển thị tiêu đề bài viết ở các trang Home, Label, Archive (xem thêm ở đây), hôm nay mình sẽ giới thiệu 1 cách hiển thị cũng tương tự, nhưng có hơi phức tạp hơn 1 chút. Cũng với dạng hiển thị dạng list, nhưng ở thủ thuật này sẽ bổ xung thêm phần ngày đăng, tác giả, nhãn...Hình ảnh minh họa :Đây là ảnh gốc của yêu cầu :Đây là ảnh ở...

Read More

Tiện ích Recent posts khá ấn tượng với jQuery

[FD's BlOg] - Ở bài viết này mình sẽ lại giới thiệu 1 style mới cho tiện ích Recent Posts, đó là sẽ tạo thêm button "Xem thêm" bên dưới, khi click vào button này thì sẽ hiển thị thêm các bài viết khác. Với hiệu ứng hiển thị sử dụng từ jQuery. Ngoài việc hiển thị bài viết, ở thủ thuật này mình cũng giới thiệu khung trang trí mẫu cho tiện ích.Xem demo : LIVE DEMOHình ảnh minh họa :Ở thủ thuật này, khung trang trí mẫu có kích thước cố định, vì thế nếu...

Read More

Trang trí các widget

[FD's BlOg] - Bài viết này mình sẽ hướg dẫn các bạn trang trí khung cho cách widget ở sidebar. Với 1 chút code CSS là bạn hoàn toàn có thể thực hiện được.Ở bài này mình sẽ giới thiệu mẫu, để hiển thị tốt nhất trên blog của mình, các bạn phải chỉnh sửa 1 chút về ảnh nền của widget.Hình ảnh minh họa :☼ Các bước thực hiện :1. Vào bố cục2. vào chỉnh sửa code HTML3. chèn đoạn code CSS bên dưới vào trước dòng ]]></b:skin>.widget_01_title{background:...

Read More