Tập hợp mã nguồn Html/JavaScript cơ bản cho Blogger
Webblogvn.Com tình cờ đọc được bài viết này khá hay, nên giới thiệu cho các bạn đọc và tham khảo nhé.
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 và chuyên nghiệp. 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ự.
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… đều hỗ 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ùy biế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ập và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út Add 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 đối tượ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 đối tượ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ào cộ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, xem hình 1.
o Trên hộp thoại Configure HTML/JavaScript kế tiếp: đặt tên cho đối tượng vào khung Title và mã nguồn vào khung Content, xem hình 2.
o 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ệ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.
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.
|
<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.
4. 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.
|
<p align=”center”><img border=”0″ width=”24″ src=”thoitiet.gif” height=”20″/><font size=”2″><b>Thời tiết một số địa phương ở nước ta </b></font></p> <p align=”center”> Nhiệt độ – Thời Gian – Độ ẩm </p> <hr color=”#d49f9f” width=”95%” size=”1″/> <form action=”–WEBBOT-SELF–” method=”POST”> <!–webbot bot=”SaveResults” U-File=”fpweb:///_private/form_results.txt” S-Format=”TEXT/CSV” S-Label-Fields=”TRUE” –> <p align=”center”><font size=”2″><b>Hà Nội</b></font></p> <p align=”center”> <img alt=”Thời tiết một số vùng ở nước ta” width=”127″ src=”http://banners.wunderground.com/banner/gizmotimetemp_both/language/english/global/stations/48820.gif” height=”41″/></p> <p align=”center”><font size=”2″><b>Tp Hồ Chí Minh </b></font></p> <p align=”center”><img alt=”Thời tiết Tp Hồ Chí Minh” width=”127″ src=”http://banners.wunderground.com/banner/gizmotimetemp_both/language/english/global/stations/48900.gif” height=”41″/></p> <p align=”center”><font size=”2″><b>Huế</b></font></p> <p align=”center”><img alt=”Thời tiết Huế” width=”127″ src=”http://banners.wunderground.com/banner/gizmotimetemp_both/language/english/global/stations/48852.gif” height=”41″/></p> <p align=”center”><font size=”2″><b>Cà Mau</b></font></p> <p align=”center”><img alt=”Thời tiết Cà Mau” width=”127″ src=”http://banners.wunderground.com/banner/gizmotimetemp_both/language/english/global/stations/48914.gif” height=”41″/></p> <p align=”center”><font size=”2″><b>Nha Trang</b></font></p> <p align=”center”><img alt=”Thời tiết Nha Trang” width=”127″ src=”http://banners.wunderground.com/banner/gizmotimetemp_both/language/english/global/stations/48877.gif” height=”41″/></p> </form> |
o 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:
|
<p align=”center”><font size=”2″><b>Huế</b></font></p>
<p align=”center”><img alt=”Thời tiết Huế” width=”127″ src=”http://banners.wunderground.com/banner/gizmotimetemp_both/language/english/global/stations/48852.gif” height=”41″/></p> |
o Lưu ý: 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)
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 ở hai bên cố định của giao diện Blog bằng cách sử dụng liên kết LINK.
|
<div><font color=”#FF0000″size=”3″>HỖ TRỢ DẠY & HỌC</font></div> <div><hr width=180 align=”"</a></div><div><a target=”_blank” href=”http://butnghien.vn/”> <img border=”1″ src=”http://d.violet.vn/uploads/photo/961562.jpg“width=”180″ height=”55″></a></div> <div><a target=”_blank”
href=”http://www.google.com.vn/”><img border=”1″ src=”http://www.google.com.vn/intl/en_com/images/logo_plain.png“width=”180″ height=”55″></a></div> <div><a target=”_blank” href=”http://vn.yahoo.com/”><img border=”1″ src=”http://l.yimg.com/hb/i/vn/mastheads/logo_vn.png“width=”180″ height=”55″></a></div><div><a target=”_blank” href=”http://translate.google.com.vn/”> <img border=”1″ src=“http://www.google.com.vn/intl/vi/images/translate_beta_res.gif” width=”180″ height=”55″></a></div> <div><a target=”_blank” href=”http://vdict.com/?autotranslation/”> <img border=”1″ src=“http://vdict.com/templates/user/images/logo.gif” width=”180″ height=”55″></a></div> <div><a target=”_blank” href=”http://www.srem.com.vn”><img border=”1″ src=”http://quangtri.edu.vn/image/SREM_BL_d.gif” width=”180″ height=”55″></a></div> <div><a target=”_blank” href=”http://www3.tuoitre.com.vn/TuyenSinh/Index.aspx?TopicID=210″><img border=”1″ src=”http://quangcao.tuoitre.com.vn/service/ts2009.gif” width=”180″ height=”55″></a></div> <div><a target=”_blank” href=”http://www.gdtd.com.vn/”> <img border=”1″ src=”http://www.gdtd.com.vn/images/top-banner.gif” width=”180″ height=”55″></a></div> <div><a target=”_blank” href=”http://www.catlinhschool.edu.vn/”> <img border=”1″ src=”http://tieuhocdanghai.com/Images/banners/catlinh.gif” width=”180″ height=”55″></a></div> <div><a target=”_blank” href=”http://tieuhocdanghai.com/”> <img border=”1″ src=”http://www.catlinhschool.edu.vn/Data/Images/Adv/logo.gif” width=”180″ height=”55″></a></div> <div><a target=”_blank” href=”http://toantuoitho.nxbgd.com.vn/”> <img border=”1″ src=”http://tieuhocdanghai.com/Images/banners/cs.jpg” width=”180″ height=”55″></a></div> <div><a target=”_blank” href=”http://violympic.vn”> <embed border=”1″ src=”http://violympic.vn/images/violympic.swf” quality=”high” wmode=”transparent” type=”application/x-shockwave-flash” width=”180″ height=”60″></embed> </object></a> </div> |
o Ví dụ: Đối tượng báo giáo dục thời đại trong đoạn Code trên gồm các lệnh:
|
<div><a target=”_blank”
href=”http://www.gdtd.com.vn/”> <img border=”1″ src=“http://www.gdtd.com.vn/images/top-banner.gif” width=”180″ 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 target=”_blank”
href=”http://violympic.vn”> <embed border=”1″ src=”http://violympic.vn/images/violympic.swf“quality=”high” wmode=”transparent” type=”application/x-shockwave-flash” width=”180″ height=”60″></embed> </object></a> </div> |
6. Lịch âm dương trên Blog:
o Là người việt nam chắc chắn Blog của bạn sẽ chuyên nghiệp và mang cá tính hơn với một cuốn lịch âm dương hiển thị để khách viếng thăm tiện việc tra cứu, xem hình 6.
o Mã nguồn nhúng vào Blog:
|
<div>
<center><a name=”amlich”></a> <script language=”JavaScript” src=”http://mangvn.org/nukeviet/js/amlich.js” type=”text/javascript”></script> <script language=”JavaScript”>showVietCal();</script> <script language=”JavaScript”>document.writeln(printSelectedMonth());</script></center></div> |
o Việc nhúng một ComboBox để liên kết nhanh tới các đối tượng khác nhau sẽ giúp bạn tiết kiệm được thời gian thiết kế và không gian hiển thị trên giao diện Blog, xem hình 7
o Mã nguồn:
|
<SELECT onchange=”if (this.value != ‘#’) window.open(this.value, ‘_blank’);” style=”font-family: Arial; font-size: 8pt; height: 23; width: 123″>
<OPTION selected value=#>Website Liên Kết</OPTION> <OPTION value=#>— TIN TỨC ONLINE —</OPTION> <OPTION value=http://www.vnexpress.net>Vn Express</OPTION> <OPTION value=http://www.tuoitre.com.vn>Báo Tuổi Trẻ</OPTION> <OPTION value=#>— CNTT Việt nam —-</OPTION> <OPTION value=http://www.quantrimang.com>Quản trị mạng</OPTION> <OPTION value=http://www.diendantinhoc.com>Diễn đàn Tin Học</OPTION> <OPTION value=#>—Bộ máy tìm kiếm—</OPTION> <OPTION value=http://www.vinaseek.com>Vina Seek</OPTION> <OPTION value=http://www.google.com.vn>Google</OPTION> </SELECT> |
o Với đoạn Code này bạn cũng có thể Edit lại một cách thật dễ dàng.
8. Nhúng từ điển Anh – Việt vào Blog:
o Với đoạn mã nguồn sau Blog của bạn sẽ được trang bị một quyển từ điển ANH – Việt hết sức chuyên nghiệp.
|
<script src=”http://bea.vn/course/blocks/dictionary_mc/clicksee.js”></script> |
o Từ điển Anh Việt hiển thị trên Blog, xem hình 8.
9. Tự tạo hộp tìm kiếm thông tin trên Blog:
o Mặc dù bạn có thể dễ dàng thêm vào Blog Gadget tìm kiếm của Google, tuy nhiên nếu tự tay thiết kế được một công cụ riêng về tìm kiếm thì điều đó sẽ thú vị hơn nhiều, xem hình 9.
o Mã nguồn:
<p align="left"><form id="searchthis" action="http://trandaiminhtri.blogspot.com/search" style="display:inline;" method="get"><strong>Search this site<br/></strong><input id="b-query" maxlength="255" name="q" size="30" type="text"/><input id="b-searchbtn" value="Search" type="submit"/></form></p> |
o Mã nguồn:
<iframe src="http://www.vietstock.com.vn/Transweb/giavang.htm" width="180" height="150" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe> |
o Hiển thị xem hình 10.
11. Nhúng bảng tỷ giá ngoại tệ cho Blog:
o Mã nguồn:
|
<iframe src=” |
12. Nhúng lịch xem truyền hình Việt Nam vào Blog:
o Mã nguồn:
|
<iframe scrolling=”yes” frameborder=”1″ width=”240″ src=”http://bongda.com.vn/truyenhinh.aspx” height=”300″></iframe>
|
o Hiển thị xem hình 12.
13. Nhúng cảnh đẹp Việt Nam vào Blog:
o Hãy để cho khách viếng thăm cùng đi một tour du lịch Việt Nam cùng với Blog của bạn bằng mã nguồn sau.
|
1. Nhúng theo mặc định :
<script src=”http://www.skydoor.net/gadget/vietnamtravel/random?format=javascript” type=”text/javascript”></script> 2. Có thể thay đổi kích thước : <script src=”http://www.skydoor.net/gadget/vietnamtravel/random?format=javascript&width=300″></script> 3. Thêm các thông tin về tour du lịch : <script src=”http://www.skydoor.net/gadget/vietnamtravel/random?format=javascript&width=300″&tour=3></script> 4. Thay đổi khoảng thời gian giữa hai bức ảnh :
<script src=”http://www.skydoor.net/gadget/vietnamtravel/random?format=javascript&width=300″&speed=2000></script> |
o Hiển thị xem hình 13.
14. Tổng kết: Kết thúc phần 1 với 14 đoạn Code khác nhau dựa trên nền tảng nhúng HTML/JavaScript Blog của bạn đã trở nên đặc sắc và chuyên nghiệp hơn hẳn, hẹn gặp lại ở các các phần tiếp theo của loạt bài.
“Dời nhà” về đâu khi Yahoo! 360 đóng cửa?
Sau một thời gian dài hoạt động lay lắt, khiến blogger không thể comment, không vào được blog, tốc độ rùa bò,… cuối cùng Yahoo! 360 đã chính thức tuyên bố đóng cửa, xoá bỏ dữ liệu của hàng triệu blogger Việt Nam sau ngày 13/7 tới. Để trả lời câu hỏi “chọn nhà mới nào khi Yahoo! 360 đóng cửa?” của đông đảo blogger Việt hiện nay, VietNamNet xin giới thiệu một số dịch vụ blog có quy mô toàn cầu, hoạt động chuyên nghiệp và ổn định, giúp giảm thiểu nguy cơ đóng cửa, buộc blogger “dời nhà” như đã xảy ra với Yahoo! 360.
1. Facebook.com
 |
| Giao diện Facebook đơn giản, thân thiện với người sử dụng |
Tuy ra đời từ năm 2004 nhưng phải tới một vài năm gần đây, Facebook mới chiếm được sự chú ý của người dùng Internet trong nước. Tuy vậy, với nhưng ưu điểm vượt trội về khả năng kết nối người dùng, chia sẻ phim, ảnh, Facebook hứa hẹn sẽ trở thành một cộng đồng ảo lớn nhất Việt Nam. Ngoài ra, khả năng hỗ trợ tốt tiếng Việt cũng là một ưu điểm khiến Facebook đang trở thành đích đến thu hút khá nhiều blogger trong cuộc “di cư” khỏi Yahoo! 360.
Đơn giản và nhanh là hai đặc điểm nổi bật nhất của dịch vụ này. Người sử dụng có thể dễ dàng chia sẻ ảnh cá nhân chỉ với một vài cú nhấp chuột đơn giản. Ngay khi bạn bè hay người thân bạn upload một tấm ảnh, bạn sẽ được thông báo ngay lập tức. Dù không đặt máy chủ tại Việt Nam, nhưng Facebook vẫn xứng đáng được xếp vào một trong những dịch vụ “tốc độ” và ổn định nhất.
Một điểm cộng rất đáng chú ý khác của Facebook là có rất nhiều trò chơi nhỏ và hàng trăm trắc nghiệm ngộ nghĩnh miễn phí cho bạn. Không chỉ giới hạn ở tham gia, bạn còn có thể tự tạo ra các câu hỏi trắc nghiệm vui để gửi cho bạn bè mình. Với những ưu thế về khả năng kết nối người sử dụng, Facebook thực sự là một ví dụ điển hình cho câu nói: “Càng đông càng vui!”.
Tuy nhiên, với những người có thói quen viết blog thường xuyên thì Facebook không phải là một lựa chọn lý tưởng. Dịch vụ blog của Facebook, dưới cái tên “Notes”, khá đơn điệu và thiếu nhiều tính năng cơ bản (không hỗ trợ HTML, không hỗ trợ chèn video, nhạc,…).
Thêm nữa, nếu muốn làm cho chữ to, nhỏ, đậm hoặc in nghiêng, bạn phải tự mình chèn thêm mã chứ không có nút tắt như Yahoo! 360. Một điểm trừ đáng tiếc nữa của Facebook là thiếu khả năng cá nhân hóa trang web. Do đó, nếu bạn thuộc tuýp người ưa thích thiết kế và muốn ngôi nhà của mình phải thật “độc” thì đây không phải là một nơi dừng chân thích hợp.
2. My.Opera.com
 |
| Bạn có thể tự do thiết kế my.opera.com theo gu của mình. |
Ra đời từ năm 2001 và là một trong những dịch vụ blog phát triển sớm nhất ở Việt Nam, Opera đã gây dựng được một mạng lưới người dùng tuy không đông nhưng rất ổn định.
Cũng giống như Yahoo! 360, blog là điểm mạnh nhất của Opera khi hỗ trợ mã HTML, có đầy đủ phím tắt, chức năng và giao diện rất thân thiện với người sử dụng. Việc chia sẻ ảnh và video clip qua Opera cũng khá dễ dàng và nhanh chóng, nhưng không nổi trội hơn các dịch vụ khác.
Khác với Facebook, Opera cho phép người dùng tùy ý “chế biến” ngôi nhà của mình bằng việc hỗ trợ mã CSS. Với những người có kinh nghiệm về CSS, đây thực sự là một mảnh đất màu mỡ để tự do thiết kế, nhưng với những người dùng internet bình thường thì đây lại là một trở ngại cực kỳ lớn. Dù vậy, nếu không muốn mất nhiều thời gian làm nghệ sỹ, những mẫu theme có sẵn của Opera cũng đủ để làm bạn hài lòng rồi.
Tuy nhiên, mặc dù có dịch vụ blog khá hấp dẫn, nhưng Opera lại không tạo ra được mạng lưới người sử dụng đông đảo như tân binh Facebook. Đây chính là điểm trừ lớn nhất khiến nhiều người còn băn khoăn: “Liệu có nên dừng chân ở Opera?”
3. Multiply.com
 |
| Các entry ở Yahoo! 360, Blogger,… có thể dễ dàng chuyển đổi sang Multiply, kể cả mọi bức ảnh có trong entry. |
Có rất nhiều tính năng đáng chú ý nhưng lại khá “nguội” ở Việt Nam, Multiply thực sự là một “mỏ vàng blog” chưa được khai phá hết.
Có thể nói, ưu điểm nổi bật nhất của Multiply là khả năng tương thích tuyệt vời với những dịch vụ trực tuyến khác. Bạn là một người dùng lâu năm ở Yahoo! 360 và có hàng trăm entry muốn giữ lại? Multiply có khả năng “nhập khẩu” toàn bộ blog của bạn, và chuyển thẳng sang dịch vụ blog của mình chỉ trong vài phút. Không chỉ giữ lại câu chữ, dịch vụ này còn cho phép bạn giữ nguyên màu sắc, kích thước, kiểu chữ hay bất cứ bức ảnh nào có trong entry.
Ngoài Yahoo! 360 ra, Multiply còn hỗ trợ chuyển đổi bài viết từ một số dịch vụ khác như Windows Live Space, Blogger, Live Journal,… Tạo một entry mới ở Multiply cũng khá giống với Yahoo! 360, ngay cả giao diện và các phím tắt cũng tương tự nhau. Dó đó, blogger Việt Nam có thể hoàn toàn yên tâm khi chuyển sang sử dụng dịch vụ này.
Ngoài khả năng tương thích mạnh mẽ với các dịch vụ blog, Multiply còn cho phép bạn chuyển toàn bộ ảnh (từ Facebook, Photobucket, Flickr,..) và video clip (từ Youtube, Google Video, Facebook…) vào tài khoản Multiply hiện tại. Ngoài ra, Multiply cũng hỗ trợ mã CSS để người sử dụng tự do thiêt kế trang web của mình. Nếu không có kinh nghiệm sử dụng CSS, bạn có thể chọn cho mình hàng chục theme có sẵn, cùng với hàng trăm theme khác do chính người dùng Multiply tự tạo ra.
4. Wordpress.com
 |
| Các tính năng blog của Wordpress cực kỳ chuyên nghiệp. |
Có thể nói, Wordpress là một lựa chọn hay cho cánh nhà báo, nhưng với người dùng phổ thông thì lại không thật hấp dẫn. Ưu điểm lớn nhất của Wordpress là dịch vụ blog cực kỳ chuyên nghiệp, với đầy đủ các tính năng từ cơ bản đến nâng cao: căn lề, thêm ký tự đặc biệt, thêm khung bình chọn, hỗ trợ copy/paste từ Microsoft Word, hỗ trợ chèn thêm ảnh, video clip, nhạc vào bài viết…
Tuy nhiên, dù có tính năng “nhập khẩu” bài viết từ các dịch vụ khác (như Blogger, Live Journal…), nhưng Wordpress lại không hỗ trợ Yahoo! 360. Do đó, dừng chân ở Wordpress cũng đồng nghĩa với việc phải từ bỏ tất cả các bài viết cũ của bạn.
Ngoài việc hỗ trợ mã CSS để người dùng tùy biến trang web, Wordpress còn cung cấp các ứng dụng nhỏ, còn gọi là “widget” để bạn trang trí cho ngôi nhà mới. Có khoảng 30 tiện ích cho bạn lựa chọn như lịch cá nhân, khung ảnh từ tài khoản Flickr, cung cấp RSS, những bài viết được xem nhiều nhất… Tuy nhiên, do giao diện hơi phức tạp và khác xa Yahoo! 360, bạn sẽ cần bỏ ra chút thời gian để làm quen với ngôi nhà mới này.
Khác với những dịch vụ blog thông thường, Wordpress không có mạng lưới bạn bè như “friend list”, mà thay vào đó là tính năng “subscibe” – tự cập nhật bài viết mới từ những người dùng khác, tương tự như “đặt báo” vậy. Với người dùng thích chia sẻ hình ảnh, video clip với bạn bè hay người thân thì đây là một điểm trừ rất đáng tiếc.
Có nên dời nhà sang Yahoo! 360 Plus?
 |
| Yahoo Help khuyến nghị người dùng trước 13/7/2009, nên lưu giữ nội dung Yahoo! 360 bằng cách chuyển sang Yahoo Profile, chọn một nhà cung cấp blog khác hoặc tự sao chép và đưa về website cá nhân của mình. |
Trong danh sách các lựa chọn để dời nhà khỏi Yahoo! 360 còn có Yahoo! 360 Plus, dịch vụ được Yahoo! Việt Nam giới thiệu là sản phẩm thay thế chính thức của Yahoo!360 với các tính năng được bản địa hoá cho Việt Nam. Tuy nhiên nhiều 360 blogger vẫn ngần ngại trước lựa chọn này bởi Yahoo!360 Plus chưa phải là một dịch vụ có quy mô phổ biến toàn cầu, mới xây dựng khá vội vàng nên có nhiều nhược điểm, chưa kể đôi lúc còn hiện ra cả ký tự chữ Hán do việc Việt hoá giao diện bị bỏ sót.
Với nhiều điểm bất lợi khiến đa phần cộng đồng blogger Việt thất vọng và không lựa chọn làm địa chỉ “dời nhà”, Yahoo 360! Plus thậm chí còn kém cả Multiply ở một số điểm, chẳng hạn như không thể “nhập khẩu” được toàn bộ hình ảnh được chèn trong các entry của Yahoo! 360 sang “nhà mới”.
 |
| Lỗi của Yahoo! 360 Plus hiển thị trang trắng tinh khi xem lại các entry cũ được chuyển từ Yahoo! 360 sang. (Ảnh chụp màn hình ngày 30/5/2009.) |
Hiện tại, hiện tượng trang blog Yahoo! 360 Plus thỉnh thoảng bị lỗi truy cập, xuất hiện trang trắng tinh không có nội dung diễn ra không phải là hiếm (trạng thái truy cập góc dưới trái trình duyệt web báo Done nhưng nội dung trang web trắng tinh). Do đó, Yaoo!360 Plus hiện chỉ được các blogger sử dụng như một công cụ để sao lưu các bài viết của mình trên Yahoo!360.
Một điểm khá thú vị là email thông báo đóng cửa Yahoo!360 vào ngày 13/7/2009 mới được gửi đến hòm thư Yahoo Mail của các blogger lại là của Nhóm Yahoo Profile, cùng các lựa chọn hướng dẫn di dời blog Yahoo!360 là sang Yahoo Profile, kèm theo cả hướng dẫn cách chuyển nội dung sang, lưu giữ danh sách bạn bè và mời họ kết nối lại bằng cách cũng chuyển sang dịch vụ Profile.
Theo nội dung email thông báo đóng cửa Yahoo!360 này, có thể hiểu đơn giản rằng ở cấp độ dịch vụ toàn cầu, Yahoo Profile mới là dịch vụ thay thế chính thức cho Yahoo!360, còn Yahoo!360 Plus chỉ là một lựa chọn thay thế được bản địa hoá, đáng lựa chọn trong trường hợp bạn là người thích dùng dịch vụ blog bằng tiếng Việt, không kết nối với bè bạn nước ngoài sử dụng tiếng Anh.
Chuyển nhà cho blog 360 yahoo sang Wordpress và Blogspot
Hôm nay, tình cờ có người Pm cho mình tin về cách chuyển dữ liệu từ blog 360 yahoo sang Wp và Blogspot mình thấy cũng thú vị nên post luôn cho các bạn bài hướng dẫn cách sử dụng.Các bạn xem nhé
Để đáp ứng sự tiếc rẻ chính đáng ấy, mình xin giới thiệu một công cụ mang tên 360 Exporter do bạn Lê Phan Đức Trọng phát triển. Chương trình này sẽ giúp bạn gom toàn bộ bài viết (entry) và bình luận (comment) trong blog Yahoo 360 thành một cục. Bạn chỉ cần thêm vài thao tác nữa, quẳng cái cục ấy lên blog của bạn tại Wordpress là đã lưu trữ được gần hết thành quả trong mấy năm sống chết với Yahoo 360 của mình.
Đây là link của 360 Exporter, ứng dụng này chạy online, bạn không phải cài gì cả:
Trong trang đã có hướng dẫn sử dụng nhưng hướng dẫn đó có phần hơi vắn tắt đối với một số người dùng ít kinh nghiệm chiến đấu. Vì vậy, mình sẽ viết ra một số lưu ý để ai cần thì đọc, đỡ phải hỏi.
Lưu ý 1: Công cụ này chỉ hoạt động trên Firefox (FF). Nếu xưa nay bạn vẫn vào web bằng cái chương trình có biểu tượng chữ E xanh lè mà ta gọi là Internet Explorer (IE) thì hãy vào ngay trang này để tải FF về cài. Sau khi cài xong, mỗi lần muốn vào web, bạn hãy mở FF thay vì IE và sử dụng như với IE (gõ địa chỉ rồi enter…).
Lưu ý 2: Để quá trình thu gom bài viết không gặp lỗi, bạn cần phải làm một số động tác sau:
- Đặt blog Yahoo 360 ở chế độ ai cũng đọc được (public).
- Nếu có bài viết nào đánh dấu cấm trẻ em (mature content), bạn phải sửa từng bài (edit entry) để bỏ dấu ấy đi.
Lưu ý 3: Bạn phải đăng ký thành viên và mở blog riêng ở Wordpress rồi mới có thể tiến hành nhập (import) dữ liệu.
Hướng dẫn bằng hình ảnh:
Bạn copy link blog của bạn (có dạng http://blog.360.yahoo.com/blog-123XyZ, chứ không phải http://360.yahoo.com/profile-123XyZ) vào ô như trong hình rồi mới bấm nút Bắt đầu.
Chuyển qua Wordpress
Khi đã down load được file backup và có blog ở Wordpress, bạn vào Dashboard (thường nằm khép nép phía trên cùng của trang)…
… tìm Tools -> Import
Khi bạn bấm vào import, sẽ có một danh sách gồm Blogger, Blogroll…TypePad và Wordpress hiện ra, bạn chọn Wordpress, chọn Browse rồi tìm file backup rồi nhấn Upload file and import. Khi quá trình upload hoàn tất, Wordpress sẽ hỏi bạn muốn bài viết mới nhập này xuất hiện dưới tên người viết nào. Thông thường, nếu blog bạn ở Wordpress không có người nào khác cùng viết, bạn chỉ có một lựa chọn là tên mà bạn đã đăng ký với Wordpress. Nếu blog của bạn có nhiều người cùng viết, danh sách tên người viết được đưa ra, bạn chỉ cần chọn đúng tên mình. Sau đó, bạn nhấn Submit.
Sau khi nhấn Submit có thể có lỗi phát sinh, dữ liệu không được nhập vào blog. Bạn có thể đợi đến hôm sau thử lại hoặc liên hệ với Wordpress để được hỗ trợ.
Lưu ý cuối cùng: 360 Exporter không thu gom được những ảnh bạn đã upload lên Yahoo (ảnh nằm phía trên nội dung entry), nếu muốn ảnh hiện lên, bạn chỉ có cách tìm lại ảnh và upload từng cái một lên Wordpress.
Chuyển qua Blogspot
a. Bước 2a này này rất quan trọng để có thể đảm bảo việc nhập dữ liệu thành công.
Bạn vào Settings -> Comments -> đến mục Who Can Comment? và chọn “Anyone – Includes Anonymous Users” rồi nhấn SAVE SETTINGS:
b. Bạn vào Settings -> Basic -> Import blog:
Tiếp theo, duyệt đến file XML tương thích với việc nhập liệu vào Blogspot có được ở bước 1, gõ vào mấy con chữ xác nhận, chọn “Automatically publish all imported posts”, sau đó nhấn IMPORT BLOG để thực hiện việc nhập liệu:
Chú ý:
- Khi nhập dữ liệu từ file XML, blog trên Blogspot của bạn không nhất thiết phải trống trơn, Blogspot sẽ tự động nhập thêm dữ liệu và sắp xếp lại các entry theo thứ tự ngày tháng.
- Trong quá trình Import blog, nếu có báo lỗi thì bạn vào Posting -> Edit Posts để kiểm tra xem đã xuất hiện các entry mới được nhập vào hay chưa. Nếu sau vài lần kiểm tra mà vẫn chưa thấy các entry đó thì bạn thực hiện lại quá trình Import.
Theme Noel cho diễn đàn VBB
Chào các bạn,webblogvn.com đã giới thiệu các theme cho blog 360 yahoo, blog wordpress rùi, đến lướt, theme cho diễn đàn VBB, đây là theme mà webblogvn.com cảm giác ổn nhất trong các theme webblogvn.com đang sưu tầm nên webblogvn.com,nên mình giới thiệu cho các bạn nếu bạn nào khoái thì download về sử dụng
Hình Demo này
hoặc vào đây xem trực tiếp nầy Click here
Va day nua
 |
cmas.zip (486.4 KB) |
 |
ChristmasSpirit.rar (268.4 KB) |
Một số Wordpress Theme cho mùa Noel
Chào các bạn,bài trước webblogvn.com đã giới thiệu một số theme cho mùa Noel của blog 360 Yahoo rồi,bài này tiếp tục giới thiệu cho các bạn theme mùa noel cho Wordpress,các bạn download về mà dùng nhé,
Download: Here
Theme Noel cho các blogger và webmaster(phần 1)
Chào các bạn ,Noel lại gần đến rồi.Vậy thì các bạn cũng phải chuẩn bị gì cho mình đi chứ?Phải trang trí lại ngồi nhà online của mình cho nó hợp không khí chứ?Hôm nay webblogvn.com liệt kê và chia sẻ cho các bạn một số theme , templates , skin mùa Noel đẹp cho các bạn.
1.Bắt đầu với ngôi nhà 360 yahoo
Nhào zo coi theme noel + theme… |
|
|
This image has been resized. Click this bar to view the full image. The original image is sized 1024×768. |
|
This image has been resized. Click this bar to view the full image. The original image is sized 1024×768. |
Chuyển dữ liệu từ blog 360 sang 360 plus
Ơ , hôm nay thật tình cờ mình vào trang chủ của 360 plus thấy có thông báo chuyển dữ liệu từ 360 sang 360 plus, thế là thử phát , được luôn các bạn à , hay thật , chỉ tích tắc luôn,các bạn cùng làm luôn với mình này,đơn giản lắm làm xong thấy hay hay và buôn cười, nhưng đừng sự dữ liệu ở 360 vẫn dữ nguyên đó nhé
TRước hêt cứ đăng nhập 360 của bạn đã đi , sau đó đăng nhập vào trang này này http://vn.blog.yahoo.com/chuyennha/ ==> Nhìn bên góc phải có chữ “chuyển dữ liệu” -Click vàođó ==>có nút nhập ngay -Click vào đó=>thế là xong , thời gian chuyển dữ liệu có thê là được ngay , cũng có thế là phải mất 1-2 ngày đó, nhưng bạn cũng có thể kiểm tra luôn bằng việc vào blog của tôi ở phía trên đó
Xem demo nhé
360 thường = http://360.yahoo.com/henryvietnam
360 plus nay =http://vn.myblog.yahoo.com/webblog-vn có như nhau không
Chúc các bạn thành công nhé
Plugin Guestbook cho WP
Oái , hôm nay sao mình thích post bài về WP thế nhỉ,ngồi nghịch web thấy các portal web như nuke viêt hay cái gì gì đó đều có cái guestbook đi kèm nhìn teen ghê ,sao mà wp của mình nó khô khan vậy nhỉ?thêm cái guestbook cho nó máu chứ nhỉ.hehe, hay quá mình tìm được cho mọi người này rồi, plugin này có tên là DMSGuestbook, mọi người có thế add plugin này vào blog của mình nhé,miêu tả của nó như sau :
Features:
- Simple work on the attitudes over front-end (e.g. text color, guestbook width, border color…)
- Extended attitude possibility over the css file
- Preset DMSGuestbook caption text in different language like: german, english or swissgerman
- Make your own language template in few minutes
- Set mandatory fields where user must be filled out
- Set text hidden in the DMSGuestbook (e.g. ip address)
- Captcha antispam (image, mathematically)
- Manage the DMSGuestbook user entries. (e.g. name, message, url, ip adress)
- Sidebar widget
- Administrator can review posts before shown this
- Create your own guestbook template (beta)
- Administrator can search entries in guestbook (beta)
- Gravatar function
Download đây này
còn cách active và sử dụng nó thì các bạn đọc ở file readme nhé
Chúc các bạn thành công
Chia sẻ theme cho 360 plus
chào các bạn , dạo trên các blog thân quen, thấy chả có gì thay đổi cả, ít bài viết quá.Phải chăng mọi người đã cạn hết đề tài để viết?Và www.webblogvn.com cũng vậy, chả biết viết cái gì hết trơn.
Cho nên thấy buồn buồn chia sẻ cho cộng đồng 360 plus mấy theme chơi cho vui
1. Theme Green Lemon:
Demo :
2. Theme Green Heart :
Demo
3. Theme Green Forever:
Demo:
4. Theme Green Pink:
Demo
Mã CSS vui lòng download tại đây
==> Cho những ai thích Mediafire
==> Cho những ai thích Megaupload
==>Cho những ai thích Box.net
Share 2 theme blue for 360 plus
Theme này được hoàn thành với sự cộng tác đặc biệt của VuNguyen’sBlog , đây là bộ theme sau khi đã nghiên cứu code CSS khá chuẩn,bạn nào không hiểu về CSS thì chỉ cần copy và patse vào phần CSS trong cấu hình Theme,bạn nào rành code thì có thể biên tập lại cho phù hợp với hình. (co0l.l0ve’sBlog) -Tất cả những theme suất hiện ở VuNguyen’sBlog cũng sẽ đồng thời suất hiện ở đây. :p
Hôm nay tặng các bạn 2 theme trên tông nền Blue có border, đây là 2 theme được lấy từ 360theme và re covert lại code CSS Theme cho Plus. Về nguyên tắc sẽ không thay đổi bất kì điểm gì có trên theme chỉ covert vào code css cho Plus và có design thêm các chi tiết border, nền tiêu đề, nền trong suốt cho các module. Miễn khiếu nại và kiện cáo việc Đạo Theme.
Nếu các bạn nào có theme 360beta trên Tông Nền Blue có thể kết hợp với code này để có 1 bộ theme ưng ý.
1. Theme Blue Angel:
Hình Theme:
(Hình Theme Blue Angel sau khi cài lên Blog) /* Theme Top-Bottom Cho Plus Duoc Recover Boi Vu Nguyen Blog “http://vn.myblog.yahoo.com/vunguyen-blog” */
/* Khu Vuc Nen Ngoai Code CSS*/
body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date,
body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list,
body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery
{background:#b6d8fb ;}
/* mau nen va link hinh co the thay doi duoc nhung phai hop tong mau voi nhau, co the bo khong dung phan “url(xxxxx) repeat”, co the thay the che do “repeat” thanh “fixed” */
/* Ket Thuc Khu Vuc Nen Ngoai Code SSS*/
/* Khu Vuc Top-Bottom Theme Code CSS*/
body{background:#b6d8fb;}
/* mau nen cua theme thay doi theo dung mau da thiet ke se lam tang tinh my thuat cho theme */
#doc2, #doc{background:#b6d8fb url(http://i292.photobucket.com/albums/mm19/themesplus2000/blue-angel-top.jpg) no-repeat center top;}
/* mau nen cua theme va link hinh top-theme nay thay doi duoc*/
#bd{background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/blue-angel-bot.jpg) no-repeat center bottom;}
/* mau nen cua theme va link hinh bottom-theme nay thay doi duoc*/
/* Luu y: mau nen cua 2 hang tren phai dong nhat mot ma mau voi nhau theo mau nen cua code theme */
/* Ket Thuc Khu Vuc Top-Bottom Theme Code CSS*/
/* Thay Hinh Nen Thanh Tieu De Cho Cac Module*/
#photo_highlight .rc_bd .rc_bc .hd, .hd .titlebar .hd, #mod_lifeline .rc_bd .rc_bc .hd, .hd .titlebar .hd, #article_list_module .rc_bd .rc_bc .hd, .hd .titlebar .hd,
#mod_bookmark .rc_bd .rc_bc .hd, .hd .titlebar .hd, #article_new .rc_bd .rc_bc .hd, .hd .titlebar .hd, #folder .rc_bd .rc_bc .hd, .hd .titlebar .hd,
#search_module .rc_bd .rc_bc .hd, .hd .titlebar .hd, #calendar .rc_bd .rc_bc .hd, .hd .titlebar .hd, #update_date .rc_bd .rc_bc .hd, .hd .titlebar .hd,
#comment_new .rc_bd .rc_bc .hd, .hd .titlebar .hd, #subscribe_highlight .rc_bd .rc_bc .hd, .hd .titlebar .hd, #statistic .rc_bd .rc_bc .hd, .hd .titlebar .hd,
#user_mod_10001 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10002 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10003 .rc_bd .rc_bc .hd, .hd .titlebar .hd,
#user_mod_10004 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10005 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10006 .rc_bd .rc_bc .hd, .hd .titlebar .hd,
#user_mod_10007 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10008 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10009 .rc_bd .rc_bc .hd, .hd .titlebar .hd,
#user_mod_10010 .rc_bd .rc_bc .hd, .hd .titlebar .hd,#friendlist_module .hd .titlebar
{background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/TD-blue.png) repeat-x left top;}
/* link hinh nen thanh tieu de cac module nay co the thay doi */
/* Ket Thuc*/
/* Mau Chu Cho Tieu De Mot So Module*/
h2, .hd .titlebar .hd, .hd .titlebar .hd h2, .hd .titlebar .hd h2 a, .mod-alist-searchbox form strong, .mod-alist-searchbox{color:#ffffff} /* mau chu nay co the thay doi cho phu hop voi theme*/
#blog_title .bd h2, #blog_title .hd p {color:#69aeee} /* mau chu nay co the thay doi cho phu hop voi theme*/
/* Ket Thuc*/
/* Lam Trong Suot Nen Module Ten Blog va Module Blast */
#blog_title .bd, #blast .rc_bc .bd{background-color:transparent;background-image:url(http://i292.photobucket.com/albums/mm19/themesplus2000/rce-blue.png);} /* link hinh nen cua blast nay co the thay doi*/
.rc div, .rc, .rc_bd, .rc_bd div.rc_bc, .rc_ft div, .rc_ft {background:transparent no-repeat left top;}
#blast .rc_ft, #blast .rc_ft div{background:transparent no-repeat left top;}
/* Ket Thuc*/
/* Module Ten Blog */
/* Tuy theo chieu cao cua hinh banner ma thay doi do cao nay cho phu hop, tru truong hop khong cai banner vao module nay thi khong can thay doi*/
#blog_title .bd h2{font-weight:bold;font-size:150%;}
#blog_title .rc_bc .bd{text-align:center;} /*Canh le phai (right), canh giua (center), canh le trai (left) */
/* Ket Thuc*/
/* Border Cac Module */
#friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcne-blue.png) no-repeat right bottom;}
#friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcnw-blue.png) no-repeat left bottom;}
#friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rce-blue.png) repeat-y right top;}
#friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcwe-blue.png) repeat-y ;}
#friend-list .rc_ft div, #friendlist_module .rc_ft div, .rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcse-blue.png) no-repeat right top;}
#friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcsw-blue.png) no-repeat left top;}
/* Border cua Blast trong suot*/
#blast .rc_ft {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/blastsw-blue.png) no-repeat left bottom;}
#blast .rc_ft div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/blastse-blue.png) no-repeat right bottom;}
/* Ket Thuc*/
/* Hinh Nen Trong Suot Cho Cac Module */
.col-150 .rc_bd .rc_bc .bd {background-color:transparent;background-image:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/BG-caro-blue.png);} /* link hinh nen trong suot nay co the thay doi*/
.mod-alist-full .main-bd {background-color:transparent;background-image:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/trong-suot.png);} /* link hinh nen trong suot nay co the thay doi*/
/* Ket Thuc*/
/* Chu Dam Va Canh Le Tieu De Cac Module */
.blog_titlebar .hd p{font-weight:bold;}
.hd .titlebar .hd h2{text-align:Center;}
/* Ket Thuc*/
/* Cac Doan Code CSS Trang Tri Khac Neu Co */
/* Noi Dung Cac Phan Code CSS Khac */
/* Nut Homepage*/
div.backhomtbtn a.backtomyblog { background: url( http://i292.photobucket.com/albums/mm19/themesplus2000/gohom-02.png) no-repeat; }
/* Ket Thuc*/
#blast .rc_bc .bd a {font-weight:bold;font-style:italic;color:#ffffff;}
/* Ket Thuc*/
/* Ban Quyen Thuoc Ve Vu Nguyen Blog -x*x- De Nghi Ton Trong Ban Quyen */
2. Theme Blue Love:
Hình Theme:
(Hình Theme Blue Love sau khi cài lên Blog)
Code Theme Blue Love:
/* Theme Top-Bottom Cho Plus Duoc Recover Boi Vu Nguyen Blog “http://vn.myblog.yahoo.com/vunguyen-blog” */
/* Khu Vuc Nen Ngoai Code CSS*/
body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date,
body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list,
body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery
{background:#87a3af ;}
/* mau nen va link hinh co the thay doi duoc nhung phai hop tong mau voi nhau, co the bo khong dung phan “url(xxxxx) repeat”, co the thay the che do “repeat” thanh “fixed” */
/* Ket Thuc Khu Vuc Nen Ngoai Code SSS*//* Khu Vuc Top-Bottom Theme Code CSS*/
body{background:#87a3af;}
/* mau nen cua theme thay doi theo dung mau da thiet ke se lam tang tinh my thuat cho theme */#doc2, #doc{background:#87a3af url(http://i292.photobucket.com/albums/mm19/themesplus2000/blue-love-top.jpg) no-repeat center top;}
/* mau nen cua theme va link hinh top-theme nay thay doi duoc*/#bd{background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/blue-love-bot.jpg) no-repeat center bottom;}
/* mau nen cua theme va link hinh bottom-theme nay thay doi duoc*/
/* Luu y: mau nen cua 2 hang tren phai dong nhat mot ma mau voi nhau theo mau nen cua code theme */
/* Ket Thuc Khu Vuc Top-Bottom Theme Code CSS*//* Thay Hinh Nen Thanh Tieu De Cho Cac Module*/
#photo_highlight .rc_bd .rc_bc .hd, .hd .titlebar .hd, #mod_lifeline .rc_bd .rc_bc .hd, .hd .titlebar .hd, #article_list_module .rc_bd .rc_bc .hd, .hd .titlebar .hd,
#mod_bookmark .rc_bd .rc_bc .hd, .hd .titlebar .hd, #article_new .rc_bd .rc_bc .hd, .hd .titlebar .hd, #folder .rc_bd .rc_bc .hd, .hd .titlebar .hd,
#search_module .rc_bd .rc_bc .hd, .hd .titlebar .hd, #calendar .rc_bd .rc_bc .hd, .hd .titlebar .hd, #update_date .rc_bd .rc_bc .hd, .hd .titlebar .hd,
#comment_new .rc_bd .rc_bc .hd, .hd .titlebar .hd, #subscribe_highlight .rc_bd .rc_bc .hd, .hd .titlebar .hd, #statistic .rc_bd .rc_bc .hd, .hd .titlebar .hd,
#user_mod_10001 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10002 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10003 .rc_bd .rc_bc .hd, .hd .titlebar .hd,
#user_mod_10004 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10005 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10006 .rc_bd .rc_bc .hd, .hd .titlebar .hd,
#user_mod_10007 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10008 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10009 .rc_bd .rc_bc .hd, .hd .titlebar .hd,
#user_mod_10010 .rc_bd .rc_bc .hd, .hd .titlebar .hd,#friendlist_module .hd .titlebar
{background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/TD-blue.png) repeat-x left top;}
/* link hinh nen thanh tieu de cac module nay co the thay doi */
/* Ket Thuc*//* Mau Chu Cho Tieu De Mot So Module*/
h2, .hd .titlebar .hd, .hd .titlebar .hd h2, .hd .titlebar .hd h2 a, .mod-alist-searchbox form strong, .mod-alist-searchbox{color:#ffffff ;} /* mau chu nay co the thay doi cho phu hop voi theme*/
#blog_title .bd h2, #blog_title .hd p {color:#69aeee;} /* mau chu nay co the thay doi cho phu hop voi theme*/
/* Ket Thuc*//* Lam Trong Suot Nen Module Ten Blog va Module Blast */
#blog_title .bd, #blast .rc_bc .bd{background-color:transparent;background-image:url(http://i292.photobucket.com/albums/mm19/themesplus2000/rce-blue.png);} /* link hinh nen cua blast nay co the thay doi*/
.rc div, .rc, .rc_bd, .rc_bd div.rc_bc, .rc_ft div, .rc_ft {background:transparent no-repeat left top;}
#blast .rc_ft, #blast .rc_ft div{background:transparent no-repeat left top;}
/* Ket Thuc*//* Module Ten Blog */
/* Tuy theo chieu cao cua hinh banner ma thay doi do cao nay cho phu hop, tru truong hop khong cai banner vao module nay thi khong can thay doi*/
#blog_title .bd h2{font-weight:bold;font-size:150%;}
#blog_title .rc_bc .bd{text-align:center;} /*Canh le phai (right), canh giua (center), canh le trai (left) */
/* Ket Thuc*//* Border Cac Module */
#friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcne-blue.png) no-repeat right bottom;}
#friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcnw-blue.png) no-repeat left bottom;}
#friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rce-blue.png) repeat-y right top;}
#friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcwe-blue.png) repeat-y ;}
#friend-list .rc_ft div, #friendlist_module .rc_ft div, .rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcse-blue.png) no-repeat right top;}
#friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcsw-blue.png) no-repeat left top;}/* Border cua Blast trong suot*/
#blast .rc_ft {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/blastsw-blue.png) no-repeat left bottom;}
#blast .rc_ft div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/blastse-blue.png) no-repeat right bottom;}
/* Ket Thuc*//* Hinh Nen Trong Suot Cho Cac Module */
.col-150 .rc_bd .rc_bc .bd {background-color:transparent;background-image:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/BG-caro-blue.png);} /* link hinh nen trong suot nay co the thay doi*/
.mod-alist-full .main-bd {background-color:transparent;background-image:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/trong-suot.png);} /* link hinh nen trong suot nay co the thay doi*/
/* Ket Thuc*/
/* Chu Dam Va Canh Le Tieu De Cac Module */
.blog_titlebar .hd p{font-weight:bold;}
.hd .titlebar .hd h2{text-align:Center;}
/* Ket Thuc*//* Cac Doan Code CSS Trang Tri Khac Neu Co */
/* Noi Dung Cac Phan Code CSS Khac */
/* Nut Homepage*/
div.backhomtbtn a.backtomyblog { background: url( http://i292.photobucket.com/albums/mm19/themesplus2000/gohom-02.png) no-repeat; }
/* Ket Thuc*/
#blast .rc_bc .bd a {font-weight:bold;font-style:italic;color:#ffffff;}
/* Ket Thuc*//* Ban Quyen Thuoc Ve Vu Nguyen Blog -x*x- De Nghi Ton Trong Ban Quyen
Nguồn từ Blog coOl.lOve
