Tổng hợp một số code hay cho web

Code nhúng cho các đối tượng đặc biệt khác trên Blog Giới thiệu với các bạn cách nhúng một số đối tượng đặc biệt khác cũng thông qua cơ chế nhúng HTML/JavaScript trên Blog. Bài viết được minh họa trên dịch vụ Blogspot của Google, các dịch vụ Blog khác cũng được tiến hành tương tự. Nhúng RSS: o RSS là một tiêu chuẩn định dạng tài liệu dựa trên XML, bằng cách tóm lược thông tin vào một đoạn dữ liệu ngắn gọn - hợp chuẩn hiển thị trên máy của người sử dụng. Lúc này người dùng có thể tìm thấy những thông tin mới nhất thông qua những tiêu đề, đường link tóm tắt để xem toàn bộ nội dung tin một cách thuận tiện. o Hầu hết các trang Web theo kiểu tin tức - thời sự Online hiện nay đều hỗ trợ chế độ RSS này, và đặc biệt hơn đây cũng là một trong những chuẩn Gadget nhúng mà các BLOG đều hỗ trợ. * Thao tác nhúng RSS vào Blog: o Mở trang Web có hỗ trợ chuẩn RSS, ví dụ http://vnexpress.net. o Tìm và nhấp chọn nút công cụ RSS, trong bảng liệt kê các kênh chuẩn RSS của trang web bạn lựa chọn một kênh để nhúng vào Blog của mình, ví dụ ở đây tôi chọn kênh giải trí truyện Cười của Vnexpress có địa chỉ cụ thể là http://vnexpress.net/rss/gl/cuoi.rss, xem hình 1. Hình 1 o Đăng nhập vào quyền quản trị trên Blog, chọn chức năng nhúng RSS tương ứng. Chức năng này có thể hơi khác nhau trên các dịch vụ Blog, ở đây tôi minh họa trên BlogSpot nên chọn công cụ tương ứng là Feed, xem hình 2. Hình 2 o Trong hộp thoại Configure Feed nhập vào đường link RSS đã sao chép được trên VNExpress, xem hình 3. Hình 3 o Nhấp nút Continue và chờ đợi giây lát để Blog cập nhập dữ liệu từ máy chủ Vnexpress, xem hình 4. Hình 4 o Nhấp Save để kết thúc quá trình nhúng RSS vào Blog (tương tự như vậy bạn hãy tiến hành thao tác nhúng kênh RSS từ các trang web tin tức khác như: thanhnien.com.vn, tuoitre.com.vn, nhacso.net…) * Thủ thuật nhúng bộ sưu tập nhạc cá nhân vào Blog: o Hiện nay chỉ có trang www.nhaccuatui.com là thực hiện tốt được thủ thuật này. o Truy cập vào trang www.nhaccuatui.com và đăng nhập bằng một tài khoản đã đăng ký trực tuyến. o Lựa chọn các bài nhạc yêu thích cần tạo bộ sưu tập: ở mỗi một chủ đề duyệt qua, nếu cần đưa một bài nhạc nào vào bộ sưu tập ta nhấp nút “thêm vào nhaccuatui” tương ứng phía bên phải, xem hình 7. Hình 7 o Nhấp nút công cụ Nghe nhaccuatui phía cột menu bên trái giao diện trang web. o Lúc này tương ứng với bộ sưu tập mà bạn đã lựa chọn sẽ có đoạn Code tương ứng ngay bên dưới để nhúng vào Blog cá nhân, xem hình 8. Hình 8 o Sử dụng cơ chế nhúng HTML/JavaScript để nhúng đoạn Code bộ sưu tập nhạc tương ứng vào Blog của mình, xem hình 9. Hình 9 Nhúng baomoi.com vào Blog: o Trang thông tin Online baomoi.com cho phép xây dựng bản tin cập nhật các tin tức mới nhất để nhúng vào Blog cá nhân. o Truy cập vào địa chỉ http://www.baomoi.com/Widget/CreateWidget.aspx o Lần lượt cấu hình các thuộc tính cho hộp thông tin baomoi.com nhúng vào Blog như: hiển thị bao nhiêu tin, kiểu hiển thị kèm hình hay không, chiều cao - độ rộng hộp…., xem hình 12. Hình 12 o Sao chép đoạn mã nguồn tương ứng tạo thành, rồi nhúng vào Blog bằng Gadget HTML/JavaScript, xem hình 13. Hình 13 Nhúng một hộp văn bản cuộn vào Blog: o Thường vị trí của đoạn văn bản cuộn này nên đặt ở vùng Header hay Footer trên giao diện Blog. o Nhúng đoạn mã nguồn sau vào chức năng Configure HTML/JavaScript của Blog: <marquee style="color: #FF00FF; font-weight: bold" bgcolor="#F2FBFF"; direction= “left”>++ Chào mừng các bạn ghé thăm Blog của tôi ++ Mong các bạn góp ý để Blog ngày càng phát triển ++</marquee> o Trong đó: Color (màu chữ), Bgcolor (màu nền hộp văn bản), direction (chiều di chuyển), đối với giá trị các màu sắc nếu không nắm được mã nhị phân tương ứng bạn có thể điền tên màu bằng tiếng anh. Nhúng ngày tháng năm bằng tiếng việt: o Đoạn mã HTML sau sẽ hiển thị nội dung ngày tháng năm bằng tiếng việt trên Blog. <script language="" type="text/javascript"> <!-- // Array ofmonth Names <!-- var monthNames = new Array("một","hai","ba","bốn","năm","sáu","bảy","tám","chín","mười","mười một","mười hai"); --> var monthNames = new Array("01","02","03","04","05","06","07","08","09","10","11","12"); var dayNames = new Array("Chủ nhật,","Thứ Hai,","Thứ Ba,","Thứ tư,","Thứ Năm,","Thứ Sáu,","Thứ Bảy,") var now = new Date(); thisYear = now.getYear(); thisDay = dayNames[now.getDay()]; if(thisYear < 1900) {thisYear += 1900}; // corrections if Y2K display problem document.write("Hôm nay : " + thisDay +" "+"ngày"+" "+ now.getDate() + " tháng " + monthNames[now.getMonth()] + " năm " + thisYear); // --> </script> o Dùng chức năng nhúng HTML/JavaScript để tùy biến ở vị trí Header hay bên phải giao diện Blog, xem hình 3. Hình 3 Nhúng bảng dự báo thời tiết vào Blog: o Đoạn mã HTML sau cho phép nhúng vào dự báo thời tiết của 5 thành phố lớn (Hà Nội, TP Hồ Chí Minh, Huế, Cà Mau, Nha Trang) trên cả nước theo 3 tiêu chuần quốc tế: nhiệt độ, thời gian và ẩm độ theo nguồn của trang web dự báo thời tiết nổi tiếng quốc tế http://banners.wunderground.com/, xem hình 4. [...]... ý: tại trang chủ http://banners.wunderground.com/ mỗi một thành phố hay tỉnh của Việt nam có một mã số ảnh riêng, bạn có thể tham khảo ở đây để chèn vào cho phù hợp với đối tượng mà mình muốn hiển thị (Ví dụ: Huế có mã ảnh tỉnh là 48852.gif) Chèn quảng cáo cố định ở hai bên giao diện Blog: o Với đoạn mã này bạn có thể chèn vào các LOGO quảng cáo cho các đối tượng khác nhau ở hai bên cố định của giao... định lên Host hay trực tiếp trên Blog), không nên liên kết tới LOGO của trang khác vì rất dễ xảy ra tình trạng chết LINK Những đoạn Code màu xanh là liên kết tới các hình ảnh đại diện cho đối tượng mà bạn muốn nhúng vào Blog, với đoạn Code này bạn có thể tùy biến thêm vào hay xóa đi các đối tượng một cách thoải mái, xem hình 5 Hình 5 o Ví dụ: Đối tượng báo giáo dục thời đại trong đoạn Code trên gồm... Blog, web, hay Forum riêng của mình Với phương pháp này chỉ cần tận dụng Gadget HTML/JavaScript như phần 1 đã giới thiệu ta có thể thực hiện nhúng dễ dàng, xem hình 5 Hình 5 o Hiển thị một VideoClip nhúng vào Blog theo kiểu Copy mã nguồn từ trang nhaccuatui.com, xem hình 6 Hình 6 o Một số trang như nhacso.net còn hỗ trợ nhúng chuẩn RSS vào BLOG cá nhân; tuy nhiên dù sử dụng phương án nhúng RSS hay. .. href="http://www.gdtd.com.vn/"> o Trong đoạn Code trên đối tượng VIOLYMPIC có Logo nhúng vào là một File Flash SWF, khi đó ta phải thay đổi mã lệnh nhúng lại cho phù hợp là: . http://banners.wunderground.com/ mỗi một thành phố hay tỉnh của Việt nam có một mã số ảnh riêng, bạn có thể tham khảo ở đây để chèn vào cho phù hợp với đối tượng mà mình. height="55"></a></div> o Trong đoạn Code trên đối tượng VIOLYMPIC có Logo nhúng vào là một File Flash SWF, khi đó ta phải thay đổi mã lệnh nhúng lại cho phù hợp là: <div><a