reset and begin

10/23/2010

50 hiệu ứng jquerry cho designer

Tabs

31 jQuery Lightbox Plugins

1. CeeBox : Video Lightbox :

2. Leopard Desktop with jQuery :

3. LightWindow v2.0 :

4. Milkbox :

5. PrettyPhoto :

6.YUI - A lightbox for All :

7. SuckerFish HoverLightbox :

8. Moo Multibox :

9 prettyPhoto : jQuery Plugin :

10 NyroModal :: jQuery Plugin :

11. lightboxXL -prototype plugin :

12.Shadowbox.js :

13. Lightview :Prototype Plugin :

14. Ajax ModalPopup Extender in Gridview :

15. MooTools MultiBox :

16. Facebox : jQuery lightbox :

17. YUI Based Lightbox Final :

18. A cool CSS effect – Dashboard :

19. MOOdalBox: A modal box (inline popup) :

20. YUI Based Lightbox :

21. jQuery.flickrGallery :

22. ReMooz - Lightbox based on Moo tools :

23. moo.Playground – SqueezeBox :

24. Redbox - A rails compatible lightbox :

25. Moodows - Simple windows for Mootools :

26. Smooth Gallery + Slightbox :

27. Drag, Drop Lightbox with YUI :

28. Clearbox :

29. Interstitial Content Box :

30. One More Lightbox :

31. Videobox: Lightbox for videos :

Tạo subdomain (home.vietdowns.com) cho Domain vietdowns.com trỏ về IP: 203.171.30.234 thì bạn thực hiện 2 bước sau:

Step1: - Đăng nhập vào phần quản lý tên miền của bạn ở liên kết: http://www.everydns.com/
- Đăng nhập bằng user và password của bạn

Step2: Vào phần Quản lý DNS
- Mặc định khi khởi tạo dịch vụ các bản ghi sẽ có dạng như hình dưới ( Cơ bản)
[Image: 0.247222001254485196.png]

Tiếp tục

10/22/2010

add lazy load vào blogger hay load từng ảnh 1

mở design tab html trước thẻ đóng head chèn dòng code này vào

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script> <script src='http://hostluu.googlecode.com/files/a.js' type='text/javascript'></script> <script charset='utf-8' type='text/javascript'> $(function() { $("img").lazyload({placeholder : "img/grey.gif",effect :"fadeIn" }); }); </script>  hiệu ứng tạo cho website của bạn load nhanh hơn khi kéo thanh scroll đến đâu ảnh trên trang web của bạn sẽ được load đến đó

1 vài dạng style cho menu jquerry

10/20/2010

Lập Website chuyên nghiệp 5 phút

Phần 1: Tạo một server tại nhà (để thực hành nhanh gọn, không tốn kém)

Trước hết bạn phải cài đặt web server trên máy của mình (Bài viết minh họa trên Hệ điều hành Windows XP). Tôi sẽ hướng dẫn các bạn cài một web server cùng với một số công cụ hỗ trợ khác lên máy tính của mình. 1 cách nhanh nhất

vô trang http://www.wampserver.com/en/ down server nó về bao gồm

next next and finish ok done bạn đã có server chạy web

Kiểm tra:

- Vào trình duyệt Internet Explorer hoặc Firefox nhập địa chỉ: http://localhost/

ra hình thế này là ok

Phần 2

Trước khi xuất bản trang web lên mạng, bạn hãy tạo trên máy của bạn (localhost) trước. Mời các bạn tiếp tục làm theo hướng dẫn:

+ Bước 1: Download:

o Bạn hãy download phần mềm tạo website của NUKEVIET:

http://nuke-viet.googlecode.com/files/nukeviet2rc4.zip

o Hoặc vào đây: http://nukeviet.vn/vi/download/ để lựa chọn new version (hiện đang có NUKEVIET 3 sẽ hướng dẫn sau)

+ Bước 2: giải nén (Bằng Winrar)

o Giải nén được các thư mục sau: install_ manual, sql, changelog, upload

o Mở thư mục “upload” và copy toàn bộ các thư mục và các file trong đó vào thư mục C:/www/nuke

(chú ý tạo folder mới tên nuke chẳng hạn )

+ Bước 3: Tạo cơ sở dữ liệu:

o Mở trình duyệt (Internet Explorer hoặc Firefox) gõ địa chỉ: http://localhost/phpmyadmin/

Nhập User name: root (Mặc định là root)

Password: 123456 (Mật khẩu bạn nhớ ở phần 1)

Màn hình xuất hiện:

Bạn đã tạo xong một cơ sở dữ liệu cụ thể:

- Host chứa CSDL: localhost

- Tên truy cập CSDL: root (Bạn ghi ra giấy những thứ này)

- Mật khẩu truy cập CSDL: 123456

- Tên CSDL: nuke2

+ Bước 4: Cài đặt:

o Mở trình duyệt (Internet Explorer hoặc Firefox) gõ địa chỉ: http://localhost/nuke nuke màn hình xuất hiện:

Bấm: “Chuyển sang bước 2” xuất hiện

Chú ý: Điền thật chính xác (ghi ra giấy) rồi bấm “Bước 3”

o Bạn hãy vào ổ C://www/nuke và xóa bỏ thư mục “install”

o Bây giờ bạn gõ địa chỉ: http://localhost/nuke

màn hình xuất hiện:

Chúc mừng bạn đã cài thành công một website chuyên nghiệp để trang trí đẹp hơn, mời các bạn đọc các bài viết tiếp theo.

Để điều hành website này bạn hãy đăng nhập quản trị: http://localhost/nuke/admin

10/19/2010

xây dựng RSS trong PHP

xây dựng RSS trong PHP một cách cơ bản nhất.

Mã nguồn xây dựng RSS đơn giản như sau, bạn có thể sửa đổi cho phù hợp với yêu cầu của bạn:

9 bước tạo RSS cho website

Nguồn RSS (Resource Site Summary) là một file XML mô tả nội dung website của bạn. Khi nội dung website thay đổi, nguồn RSS thay đổi theo. Những hệ thống thu thập tin ('aggregator' hay 'harvester') sẽ đọc nguồn RSS của bạn (khi có thông tin mới) và gửi đến độc giả trên khắp thế giới. Nhờ vậy, thông tin về nội dung web site của bạn được 'phát lại' đến lượng độc giả lớn hơn. Ngày càng có nhiều website cung cấp nguồn RSS, bạn có thể dễ dàng nhận biết các nguồn RSS này với hình chữ nhật nhỏ màu cam có chữ 'XML' hay 'RSS' xuất hiện trên trang web.

Với một công cụ thật đơn giản - trình soạn thảo văn bản, bạn cũng có thể tạo nguồn RSS cho website của mình.
Bước 1: Chuẩn bị
Trình soạn thảo văn bản: File RSS là tập tin văn bản đơn thuần. Bạn có thể dùng Notepad, Wordpad hay MS Word, nhưng nhớ lưu file ở dạng text.
Ngoài ra, bạn cần có quyền cập nhật file lên server (nơi đặt web site của bạn). Việc đặt file RSS lên server giống hệt như cách thức đặt trang home.
Bước 2: File mẫu
Cách đơn giản nhất để tạo file RSS là sao chép file có sẵn của website khác và thay thế bằng nội dung của bạn. Dưới đây là một file mẫu:
<?xml version='1.0' encoding='utf-8' ?>

<title>PC World Vietnam</title>

<description>News - By PC World Vietnam </description>

<image>

<title>PC World Vietnam</title>

<url>http://www.pcworld.com.vn/img/logoPCW.gif</url>

</image>

<item>

<title>Thị trường di động sôi động</title>

Thị trường điện thoại di động sôi động với nhiều model mới hấp dẫn về kiểu dáng lẫn tính năng.

</description>

</item>

<item>

So sánh, đánh giá các bo mạch chủ hỗ trợ CPU AMD hiện có trên thị trường.

</description>

</item>

</channel>

</rss>

Lưu ý: tham số encoding trong file RSS mẫu ở trên dùng 'utf-8' cho phép cung cấp thông tin tiếng Việt Unicode (file RSS phải lưu ở dạng Text và Encoding là Unicode). Đa số nguồn RSS của các website trên Internet dùng tiếng Anh, và tham số encoding thường là 'ISO-8859-1'.

Bước 3: Định nghĩa kênh (Channel)

Hình 2: Tiêu đề và hình giúp người dùng nhận diện chủ sở hữu nguồn RSS

Bây giờ bạn hãy xem lại nội dung vừa copy vào trình soạn thảo văn bản. Lưu ý ở gần trên cùng là dòng <channel>. Thông tin sau thẻ lệnh này và trên thẻ </channel> chính là nơi dùng để mô tả toàn bộ web site của bạn.

Bạn cần nhập vào 4 thông tin sau.

• title: tên website của bạn.

• link: địa chủ URL trang home.

• description: thông tin mô tả ngắn gọn về website.

• ngôn ngữ: là ngôn ngữ dùng trong web site.

Bạn chỉ phải tạo phần này 1 lần và có thể thay đổi nó bất kỳ lúc nào.

Bước 4: Hình

Đây là một thành phần phụ của channel và là tuỳ chọn; nếu không thích bạn có thể bỏ qua. Hình này (thường dùng ngay logo của website) được máy thu thập tin dùng để cung cấp nhận diện trực quan cho nguồn RSS của bạn. Bạn có thể đặt file hình ở bất kỳ đâu tuỳ thích, tuy nhiên tốt nhất nên đặt trong cùng thư mục với file RSS.

Kế tiếp, mô tả hình của bạn theo cùng cách thức như channel.

• title: tiêu đề hình, thường dùng tên của website.

• url: đường dẫn file hình trên web. Dùng địa chỉ URL đầy đủ, bao gồm cả http.

• link: địa chỉ URL liên kết đến khi nhấn vào hình, thường dùng cùng địa chỉ URL với channel.

• width: kích thước chiều rộng của hình, đơn vị là pixel.

• height: kích thước chiều cao của hình, đơn vị là pixel.

Cũng như với thẻ channel, bạn chỉ phải thực hiện việc này 1 lần.

	Các phiên bản RSS
	PHIÊN BẢN RSS ĐẦU TIÊN có số hiệu 0.90 do Netscape phát triển với mục đích xây dựng portal (cổng thông tin) cung cấp tin 'nóng' cho các site tin tức. Phiên bản này có vẻ quá phức tạp với mục tiêu đặt ra; vì vậy một phiên bản đơn giản hơn, 0.91, được đề nghị nhưng bị ngưng trệ do Netscape không còn quan tâm đến việc phát triển portal. May mắn, 0.91 được một công ty khác tiếp quản, UserLand Software, với dự định dùng cho các sản phẩm weblog và các phần mềm trên web khác. Cùng lúc đó, một tổ chức phi thương mại khác, RSS-DEV, phát triển một định dạng mới gọi là RSS 1.0 dựa trên RDF (Resource Description Format) và các nguyên lý của RSS 0.90. UserLand không có dính dáng gì đến việc phát triển định dạng mới này, và thay vì chấp nhận RSS 1.0, UserLand tiếp tục phát triển nhánh 0.9x với các phiên bản 0.92, 0.93, 0.94 và mới nhất là 2.0. Thế thì cái nào tốt hơn: RSS 1.0 hay RSS 0.9x/2.0? Đã có nhiều tranh luận về vấn đề này. Thực tế, hiện phần nhiều nguồn RSS trên web đi theo nhánh 0.9x.

Bước 5: Định nghĩa liên kết

Website của bạn có thể chứa 1 hay nhiều tin mà bạn muốn cung cấp đến độc giả. Đây là phần thông tin thay đổi thường xuyên.

Mỗi tin được mô tả với 1 thẻ <item>. Trong ví dụ ở trên có 2 item. Bạn có thể thấy mô tả cho mỗi tin bắt đầu với thẻ <item> và kết thúc với thẻ </item>. Giữa cặp thẻ item là các thẻ chứa thông tin. Bạn hãy thay thế thông tin trong ví dụ trên bằng thông tin của bạn. Nếu bạn có nhiều hơn 2 tin, hãy copy một item (và mọi thứ bao trong thẻ item này) và paste nó xuống dưới item thứ hai, và trên thẻ </channel>. Kế tiếp nhập vào nội dung của bạn:

• title: tựa đề tin

• link: địa chỉ URL của tin

• description: nội dung tóm tắt tin.

Tương tự cho những tin tiếp theo. Sau khi hoàn tất, lưu file lại.

Bước 6: Ký tự thay thế

Đây là phần tương đối phức tạp nhất. File RSS là file XML và có một số ký tự không được phép xuất hiện trong nội dung. Vì vậy bạn phải 'escape' chúng, nghĩa là chèn vào chuỗi ký thự thay thế. Dưới đây là danh sách các ký tự cần thay thế.

& - thay thế bằng chuỗi &amp

' - thay thế bằng chuỗi &quot

' - thay thế bằng chuỗi &apos

> - thay thế bằng chuỗi > tuy nhiên không thay ở các thẻ lệnh

< - thay thế bằng chuỗi < tuy nhiên không thay ở các thẻ lệnh

Bước 7: Đặt RSS lên server

Cập nhật file RSS lên máy chủ web (server) của bạn. Tốt nhất nên đặt trong cùng thư mục với trang home (tuy nhiên bạn có thể đặt ở bất kỳ đâu, ví dụ như tạo folder rss và đặt vào đó).

Vậy là bạn đã có nguồn RSS đang làm việc. Thật đơn giản! Xin chúc mừng bạn.

Bước 8: Kiêm tra file RSS

Thật ra, bước này là tuỳ chọn, tuy nhiên tốt hơn bạn nên thực hiện để dễ dàng phát hiện lỗi nếu có ở bước 6. Bạn hãy đến website chuyên về đánh giá RSS và nhập vào địa chỉ URL đầy đủ của file RSS của mình. Công cụ đánh giá sẽ thông báo ngay cho bạn nếu có bất kỳ lỗi nào. Sửa lỗi và thực hiện kiểm tra lại. Dưới đây là một số nguồn đánh giá RSS:

- aggregator.userland.com/validator

- http://www.feedvalidator.org/

RSS trên ĐTDĐ?

Nguồn cung cấp tin theo định dạng RSS trên web hiện nay vô cùng phong phú. Để 'thụ hưởng' các nguồn tin này bạn cần có công cụ đọc tin RSS. Trên số báo TGVT A 9/2003 đã có bài giới thiệu về RSS và một số công cụ đọc RSS miễn phí ('RSS: Nguồn tin bất tận', trang 18). Ngoài ra, bạn cũng có thể dàng tìm thấy (và tải về dùng) nhiều công cụ đọc tin RSS trên web, ví dụ như ở mục News Reader in the Open Directory của Google (http://directory.google.com/Top/Reference/Libraries/Library_and_Information_Science/Technical
_Services/Cataloguing/Metadata/RDF/Applications/RSS/News_Readers/). Thường các công cụ này chạy

trên PC. Thế còn thiết bị di động thì sao, cụ thể là chiếc điện thoại di động (ĐTDĐ) luôn mang theo bên mình bạn? Các ĐTDĐ hiện nay đã có khả năng lướt web, xem hình màu, nghe nhạc... thì việc đọc thông tin văn bản từ nguồn RSS là 'nằm trong tầm tay'. Vấn đề chỉ là có công cụ thích hợp.
Ở đây xin được giới thiệu 2 công cụ đọc tin RSS dành cho thiết bị di động nói chung và ĐTDĐ nói riêng. Cả 2 công cụ này (midlet) đều được viết bằng Java, MIDP/CLDC 1.0.1. RSS Reader Midlet: có thể tải về từ trang wap http://brothas.net/rssr/index.wml, mã nguồn chương trình và các file .jad và .jar cũng có thể tải về ở địa chỉ http://www.brothas.net/rssr/. Midlet này dùng bộ phân tích XML được thiết đặc biệt cho môi trường thiết bị di động, kXML 2 (www.kxml.org).

RSS trên ĐTDĐ

2. NewsReaderMidlet: được cung cấp ở dạng mã nguồn (http://www.informit.com/content/images/art_kontio_newsreader/elementLinks/SourceCode.zip). Midlet này dùng kXML 1.x (kxml.enhydra.org).

Bước 9: Quảng bá nguồn RSS

Bạn cần quảng bá cho mọi người biết sự hiện diện nguồn RSS của mình. Đừng chờ đợi người ta tìm thấy nó thông qua Google. Có 2 bước chính để quảng bá nguồn RSS.

Trước hết, thêm 1 nút XML (hay RSS) vào trang home của bạn. Nút XML (hay RSS) là một hình nhỏ màu cam liên kết đến file RSS của bạn. Có thể bạn đã nhìn thấy hình này trên một số trang web. Hãy copy hình này (hay tự tạo lấy) và cập nhật lên server. Kế tiếp, đặt hình này, cùng với liên kết, lên trang home.Ví dụ, đặt đoạn code sau lên trang home của bạn:

<a xhref='http://www.mysite.com/mysite.rss><=img xsrc='xml.gif' width=36 height=14 alt='RSS feed for this site' border=0></a>
Thứ hai, bạn có thể gửi địa chỉ URL nguồn RSS của bạn đến các hệ thống thu thập tin. Việc đăng ký này sẽ báo cho các hệ thống đó bắt đầu kiểm tra nguồn RSS của bạn. Dưới đây là một số hệ thống thu thập tin:

• Daypop: www.daypop.com/info/submit.htm

• Syndic8: www.syndic8.com/suggest.php?Mode=data

• Edu_RSS: www.downes.ca/cgi-bin/xml/feeds.cgi

Công việc đã hoàn tất. Giờ bạn hãy thử thường ngoạn thành quả của mình với công cụ đọc RSS (ví dụ như công cụ miễn phí RSS Reader, có thể tải về ở địa chỉ www.rssreader.com).

<?php echo "<?xml version=\"1.0\" encoding=\"UTF-8\"?>"; ?>
<rss version="2.0">
<channel>
<title>Tiêu đề blog của bạn</title>
<link>Đường dẫn đầy đủ đến Website (hoặc Blog của bạn)</link>
<description>Đặc tả về Website cảu bạn</description>
<pubDate>15 Apr 2010 18:00:00 +0070</pubDate>
<?php foreach ($items as $item) { ?>
<item>
    <title><?=$item['title']?></title>
    <pubDate><?=date("r",$item['time'])?></pubDate>
    <link><?=$item['url']?></link>
    <description><?=$item['description']?></description>
</item>
<?php } ?>
</channel>
</rss>

Chỉ đơn giản vậy thôi, công việc còn lại mời bạn theo dõi bài viết bên dưới, nếu muốn tìm hiểu thêm về RSS: