Tập hợp mã nguồn Html/JavaScript cơ bản cho Blogger

Tạo Blog là một trong những trào lưu IT được giới trẻ “yêu chuộng” nhất hiện nay, tạo Blog không quá khó tuy nhiên để có được một Blog thật hay và Pro thì đòi hỏi bạn phải biết nhiều thứ trong đó tùy biến mã nguồn nhúng HTML/JavaScript là một đối tượng vô cùng quan trọng. Trong loạt bài viết “Những thủ thuật hay cho các Blogger” ở phần 1 này tôi sẽ chia sẽ với các bạn những đoạn mã nguồn HTML/JavaScript chọn lọc; mà nếu làm chủ tốt “nó” Blog của bạn sẽ vô cùng hiện đại...
Nội dung trích xuất từ tài liệu:
Tập hợp mã nguồn Html/JavaScript cơ bản cho Blogger Tập hợp mã nguồn Html/JavaScript cơ bản cho Blogger Tạo Blog là một trong những trào lưu IT được giới trẻ “yêu chuộng” nhất hiện nay, tạo Blog không quá khó tuy nhiên để có được một Blog thật hay và Pro thì đòi hỏi bạn phải biết nhiều thứ trong đó tùy biến mã nguồn nhúng HTML/JavaScript là một đối tượng vô cùng quan trọng. Trong loạt bài viết “Những thủ thuật hay cho các Blogger” ở phần 1 này tôi sẽ chia sẽ với các bạn những đoạn mã nguồn HTML/JavaScript chọn lọc; mà nếu làm chủ tốt “nó” Blog củabạn sẽ vô cùng hiện đại và chuyên nghiệp. Bài viết được minh họa trên dịch vụ Blogspot củaGoogle, các dịch vụ Blog khác cũng được tiến hành tương tự.1. Cách nhúng HTML trên BlogSpot:o Hiện nay hầu hết tất cả các dịch vụ tạo Blog như BlogSpot, MSN, YahooPlus, Violet… đềuhỗ trợ người quản trị cho phép nhúng vào các đối tượng HTML/JavaScipt để thực hiện các tùybiến cao cấp trên Blog.o Đăng ký tài khoản và tiến hành các bước thiết kế cơ bản cho Blog tại địa chỉhttp://www.blogger.com (bạn có thể đăng nhập bằng tài khoản Gmail sẵn có ở đây). Đăng nhậpvào quyền quản trị tài khoản > Chọn Layout > Page Elements: trên bố cục của Blog nhấp nútAdd a page elements (hay Add a Gadget) ở cột bên phải để bắt đầu lựa chọn đưa vào các đốitượng nhúng (lưu ý: mặc định bố cục của BlogSpot có 2 nút Add a Gadget cho phép thêm đốitượng vào cột bên trái và phần Footer bên dưới; thông thường đối tượng nhúng sẽ ưu tiên vàocột trái).o Trong cửa sổ Add a Gadget nhấp chọn nút HTML/JavaScript để nhúng vào mã nguồn, xemhình 1. Hình 1o Trên hộp thoại Configure HTML/JavaScript kế tiếp: đặt tên cho đối tượng vào khung Titlevà mã nguồn vào khung Content, xem hình 2. Hình 2o Nhấp Save để kết thúc thao tác nhúng đối tượng vào Blog (sau này nếu muốn bỏ đi đối tượngđã nhúng nhấp chọn nút Remove)2. 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ệnBlog.o Nhúng đoạn mã nguồn sau vào chức năng Configure HTML/JavaScript của Blog:++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++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àubằng tiếng anh.3. 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.var monthNames = newArray(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 problemdocument.write(Hôm nay : + thisDay + +ngày+ + now.getDate() + tháng +monthNames[now.getMonth()] + năm + thisYear);// -->o Dùng chức năng nhúng HTML/JavaScript để tùy biến ở vị trí Header hay bên phải giaodiện Blog, xem hình 3. Hình 34. 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 gianvà ẩ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. Hình 4Thời tiết một số địa phương ở nước ta Nhiệt độ - Thời Gian - Độ ẩm Hà NộiTp Hồ Chí Minh HuếCà MauNha Trango Nếu muốn bỏ đi phần dự báo của Huế thì bạn tìm và xóa đoạn mã tương ứng:Huếo Lưu ý: tại trang chủ http://banners.wunderground.com/ mỗi một thành phố hay tỉnh củaViệ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 đốitượng mà mình muốn hiển thị (Ví dụ: Huế có mã ảnh tỉnh là 48852.gif)5. 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 ở haibên cố định của giao diện Blog bằng cách sử dụng liên kết LINK.HỖ TRỢ DẠY & HỌC o Chú ý: Các link liên kết tới hình ảnh tương ứng phải có thực (tốt nhất bạn nên tự Upload cốđị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ảyra 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 hayxóa đi các đối tượng ...