Tải bản đầy đủ (.doc) (24 trang)

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

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (1.53 MB, 24 trang )

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ụ .
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à 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ỉ />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.

×