Thứ Sáu, 31 tháng 7, 2009

1 Sript đổi màu background khá hay

[FD's BlOg] - Bài này mình sẽ giới thiệu cho các bạn 1 đoạn script nhỏ làm thay đổi màu nền của blog. Với đoạn script này, màu nền sẽ tự động thay đổi 1 cách tuần tự sau 1 khoảng thời gian mà chúng ta đã định trước. Xem demo : LIVE DEMOĐể tạo nên hiệu hứng đổi màu cho đẹp và liên tục, các bạn sẽ tạo 1 mảng các trị màu thay đổi 1 cách tuần tự.Để thực hiện thủ thuật này, các bạn chỉ cần chèn đoạn code JS bên dưới vào trước thẻ đóng </head> hoặc...

Thứ Năm, 30 tháng 7, 2009

Tạo menu giống trang Tuổi Trẻ

[FD's BlOg] - Hôm nay mình lại tiếp tục giới thiệu cho các bạn thêm 1 style Menu mới nữa, đó là 1 style menu giống như trang Tuổi Trẻ. Style menu này cũng tương tự như trang VnExpress, như nó có thêm chức năng sổ dọc ở các menu con khi ta rê chuột vào.Xem demo : LIVE DEMOHì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 đọa code CSS bên dưới vào trước thẻ đóng </head>// Code CSS<style type="text/css">a...

Thứ Tư, 29 tháng 7, 2009

[ Yêu cầu ] : Tạo thanh HotNews cho blog (sử dụng mootools)

Theo yêu cầu của bạn MiKaNguyen[FD's BlOg] - Ở thủ thuật trước mình cũng đã giới thiệu cho các bạn 1 thanh Hotnews với việc tự cập nhật bài viết mới theo nhãn hoặc cả blog. Ở thủ thuật đó mình chỉ dùng lệnh marquee để hiển thị các bài viết. Và ở bài này mình sẽ dùng mootools để hiển thị. Với việc dùng mootools thì thanh HotNews sẽ trở nên pro hơn nhiều.Xem demo : LIVE DEMOVới việc sử dụng mootools, mặc định các bài viết sẽ tự động luân chuyển trong...

Kỹ thuật tạo bóng đổ cho ảnh hoặc cho các khối nội dung

[FD's BlOg] - Tiếp theo bài "Chèn tiện ích vào header" ở bài này mình lại sử dụng lệnh position để tạo bóng đổ cho ảnh hoặc cho các khối văn bản. Làm cho ảnh hoặc vùng văn bản đó trở nên bắt mắt hơn. Thủ thuật để tạo bóng đổ trong bài này là ta sẽ tạo các background nằm dè lên nhau, và lệch nhau vài pixel, như thế sẽ tạo nên hiệu ứng bóng đổ.Ví dụ ở đây mình sẽ dùng 3 class để tạo bóng. Class đầu tiên sẽ là màu nền chính, các class tiếp theo sẽ có...

Thông báo : về việc có 1 số người comment với nội dung không hay trên BlOg FD

[FD's BlOg] - Vừa rồi mình có del 1 comment ở bài viết Bộ sưu tập 31 style menu nằm ngang do nội dung của comment này thiếu văn hóa và có kèm theo 1 chút ganh ghét đố kị trong đó. Khi đọc comment này mình rất không hài lòng, và có 1 phần hơi bực tức. (không biết đã có ai đọc được nó trước khi mình del nó ko).Việc mọi người comment phàn nàn, hay có ý kiến riêng của mình về blog của mình thì mình không hề cấm cản, chỉ xin các bạn hãy comment 1 cách...

Thứ Ba, 28 tháng 7, 2009

Một ứng dụng của lệnh position : Chèn tiện ích vào banner (Header)

[FD's BlOg] - Lệnh position là 1 lệnh có lẽ là lạ với nhiều người, do nó ít được sử dụng thường xuyên. Phần lớn ta thường dùng lệnh padding hoặc margin để tùy chỉnh vị trí của khối. Hôm nay mình sẽ giới thiệu cho các bạn một ứng dụng của lệnh position, để tùy chỉnh việc hiển thị của nó trên nền 1 div khác.Ở thủ thuật này ta sẽ sử dụng thuộc tính relative của lệnh position, trong đó ta dùng thêm các lệnh top, left, right, bottom để điều chỉnh vị trí...

[ Yêu cầu ] : Tạo sidebar trượt dọc theo blog

Theo yêu cầu của bạn Dulichbui (www.dulichbui.org)[FD's BlOg] - Thủ thuật này tương tự như thủ thuật tạo banner chạy dọc theo blog, nhưng ở đây ở đây có tích hợp thêm hiệu ứng show/hide từ mootools.Tham khảo từ website baliwww.comXem demo : LIVE DEMOẢnh minh họa kết quả:☼ 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 bên dưới vào sau thẻ <body> :<div id="floatdiv" style="border: 0px solid rgb(34, 102, 170);...

Thứ Hai, 27 tháng 7, 2009

Thông báo : Tạo thêm khu vực `Hỏi & Đáp`

Khu vực Hỏi & Đáp[FD's BlOg] - Hiện nay blog mình cũng đã được khá nhiều blogger biết đến, và cũng có nhiều blogger đã khá trưởng thành, nên mình quyết định lập ra 1 khu vực mới cho blog, đó là khu vực "Hỏi & đáp", mục đích của khu vực này chính là tạo 1 nơi cho các blogger cùng nhau chia sẻ các kinh nghiệm làm blog, hoặc những thắc mắc về blogspot (dù là đơn giản nhất). Khu vực này dành cho tất cả mọi người, vì thế các bạn có thể đặt câu...

Modify Form Comment : Bài 11 - Gắn Tem cho bài comment đầu tiên

Theo yêu cầu của bạn Tài (roboonline.blogspot.com)[FD's BlOg] - Tương tự thủ thuật trước, thủ thuật "Tạo màu nền riêng biệt cho các comment", hôm nay mình tiếp tục giới thiệu cho các bạn thủ thuật "Gắn tem cho bài comment đầu tiên" của mỗi bài viết. Ở bài này mình cũng dùng jQuery để chọn tag, nhưng khác với bài trước, ở bài này mình sẽ chỉ chọn 1 tag đó là tag đầu tiên.Có 1 điểm mình chưa khắc phục được, đó là tạm thời 2 thủ thuật ở bài 10 và bài...

Chủ Nhật, 26 tháng 7, 2009

Hướng dẫn kiếm tiền online với Adnet.vn

[FD's BlOg] - Adnet là một hệ thống quảng cáo trực tuyến trên nền tảng mạng Internet mà công cụ chính là các Website & Blog. Adnet là đơn vị đi đầu trong công nghệ quảng cáo affiliate tại Việt Nam cho phép các Publisher là chủ các Website & Blog có thể chủ động tạo các quảng cáo và nhúng vào các Website & Blog của mình một cách linh động và nhanh nhất. Với những tính năng nổi bật so với hệ thống Ads@CĐT, Adnet.VN hy vọng sẽ đem tới những...

[ Yêu cầu ] : tạo Menu Hover giống trang danong.com

Theo yêu cầu của bạn Thanh Phuong (thphuong.blogspot.com)[FD's BlOg] - Đây là 1 style hoàn toàn mới cho các menu nằm ngang có hiệu ứng sổ dọc, thay vì trước kia ta chỉ hiển thị các menu con khi rê chuột vào menu chính, thì ở thủ thuật này khi nó sẽ hiển thị 1 tab khi rê chuột vào menu chính, và trong tab đó ta hoàn toàn có thể thêm vào bất cứ cái gì ta muốn. Như trong bài này sẽ hiển thị list bài viết mới và các chuyên mục con.Xem demo trực tiếp...