DANH MỤC TRANG

GIỚI THIỆU

Vì trên website còn nhiều hạn chế , mà blog thể hiện được nhiều code cho đủ các ngôn ngữ nên cần có sự hỗ trợ của blog, hơn nữa trên blog mọi người dễ cho ý kiến hơn , nói chung là thảo luận rất thuận tiện.
Mong sẽ được các bạn cho ý kiến giúp làm blog phong phú hơn hỗ trợ những hạn chế của website !

Thứ Ba, 5 tháng 7, 2011

Test Code



TOÁN LUYỆN THI ĐẠI HỌC - ANHLEVAN




WEBSITE: http://www.anhlevan.tk


Chương trình ứng dụng chính xác cho các loại mã Java Script; HTML.
Chúc bạn luôn thành công !


BỘ MÃ CODE CHO WEBSITE – BLOG SƯU TẦM

( Bạn  Click vào  TEST CODE  , rồi Copy code bên dưới và paste vào để test thử )

1. Code Báo kiểu hình chạy:



2. Code Liên kết website chạy từ dưới lên:





3. CODE lien ket Website hộp chọn
1- Phần 1:
.......................................................................................
<select id="Select1"onchange="window.open(this.options[this.selectedIndex].value,'_blank');this.options[0].selected=true" style="width: 180; " class="text_noresize" name="select"><option selected="selected">Điểm báo online</option><option value="about:Tabs">--------------------------</option>
......................................................................................
Chú ý: Bạn có thể thay chữ : Điểm báo online bằng gì cũng được. Nên nhớ nó sẽ hiện trên box để ta biết được đó là liên kết gì.
2- Phần 2: Tạo liên kết cho từng mục.
<option value="http://www.anhlevan.tk/">Toán luyện Thi Đại học</option>
Chú ý:    Ở đây   http://www.anhlevan.tk/  là địa chỉ của trang web. 
               Còn  Toán luyện Thi Đại học  là tên sẽ được hiển thi trong box của ta.
Lặp lại và thay đổi những liên kết cần thiết của bạn.
3- Phần 3: Cuối đoạn code
</select>
4- Kết luận:
Nối 3 đoạn của 3 phần trên bạn sẽ được một dropdown box thật tuyệt vời.
5- Lưu ý:    
+ Nếu muốn làm 2 hay nhiều hơn các box bạn phải thực hiện lại các bước trên.
+ Dấu cách và xuống hàng trong HTML code không quan trọng, do vậy ta nên soạn thảo trên Word là thích hợp nhất ( font UNICODE ) 

4. Code Dự Báo Thời Tiết:
Hà Nội 
<img src="http://banners.wunderground.com/banner/gizmotimetemp_both/ 
language/www/global/stations/48820.gif" 
alt="Du bao thoi tiet - Thu do Ha Noi" title="Dự báo thời tiết - Thủ đô Hà Nội" height="41" width="127"
> 
Huế
<img src="http://banners.wunderground.com/banner/gizmotimetemp_both/ 
language/www/global/stations/48852.gif"
 
alt="Du bao thoi tiet - Co do Hue" title="Dự báo thời tiết - Cố đô Huế" height="41" width="127">
 
 
Thành Phố Hồ Chí Minh
<img src="http://banners.wunderground.com/banner/gizmotimetemp_both/ 
language/www/global/stations/48900.gif" 
alt="Du bao thoi tiet - Thanh pho Ho Chi Minh" title="Dự báo thời tiết - Thành phố Hồ Chí Minh" height="41" width="127">
Đà Nẵng 
<img src="http://banners.wunderground.com/banner/gizmotimetemp_both/ 
language/www/global/stations/48855.gif"
 
alt="Du bao thoi tiet - Thanh pho Da Nang" title="Dự báo thời tiết - Thành phố Đà Nẵng" height=41 width=127>
Thành phố Nha Trang:
<a href="http://www.wunderground.com/global/stations/48877.html?bannertypeclick=gizmotimetemp"> <img src="http://banners.wunderground.com/
weathersticker/gizmotimetemp_both/language/www/global/stations/48877.gif" border=0 
alt="Click for Nha Trang, Viet Nam Forecast"height=41 width=127></a>

Bạch Long Vĩ:
<a href="http://www.wunderground.com/global/stations/48839.html?bannertypeclick=miniDial"> <img src="http://banners.wunderground.com/
weathersticker/miniDial_both/language/www/global/stations/48839.gif" border=0
 
alt="Click for Bach Long Vi, Viet Nam Forecast"height=50 width=150></a>
Cà Mau:
<a href="http://www.wunderground.com/global/stations/48914.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48914.gif" border=0 alt="Click for Ca Mau, Viet Nam Forecast" height=40 width=467></a> 
Cao Bằng:  
<a href="http://www.wunderground.com/global/stations/48808.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48808.gif" border=0 alt="Click for Cao Bang, Viet Nam Forecast" height=40 width=467></a>
Côn Sơn:
<a href="http://www.wunderground.com/global/stations/48918.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48918.gif" border=0 alt="Click for Con Son, Viet Nam Forecast" height=40 width=467></a> 
Đồng Hới:  
<a href="http://www.wunderground.com/global/stations/48848.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48848.gif" border=0 alt="Click for Dong Hoi, Viet Nam Forecast" height=40 width=467></a>
Sơn La:
<a href="http://www.wunderground.com/global/stations/48806.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48806.gif" border=0 alt="Click for Son La, Viet Nam Forecast" height=40 width=467></a>
Lạng Sơn:
<a href="http://www.wunderground.com/global/stations/48830.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48830.gif" border=0 alt="Click for Lang Son, Viet Nam Forecast" height=40 width=467></a>
Lào Cai:
<a href="http://www.wunderground.com/global/stations/48803.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48803.gif" border=0 alt="Click for Lao Cai, Viet Nam Forecast" height=40 width=467></a>
Nam Định:
<a href="http://www.wunderground.com/global/stations/48823.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48823.gif" border=0 alt="Click for Nam Dinh, Viet Nam Forecast" height=40 width=467></a>
Phan Thiết:
<a href="http://www.wunderground.com/global/stations/48887.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48887.gif" border=0 alt="Click for Phan Thiet, Viet Nam Forecast" height=40 width=467></a> 
Vinh:
<a href="http://www.wunderground.com/global/stations/48845.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48845.gif" border=0 alt="Click for Vinh, Viet Nam Forecast" height=40 width=467></a>
Phú Quốc:
<a href="http://www.wunderground.com/global/stations/48917.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48917.gif" border=0 alt="Click for Phu Quoc, Viet Nam Forecast" height=40 width=467></a>
Qui Nhơn:
<a href="http://www.wunderground.com/global/stations/48870.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48870.gif" border=0 alt="Click for Qui Nhon, Viet Nam Forecast" height=40 width=467></a>
Thanh Hoá:
<a href="http://www.wunderground.com/global/stations/48840.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48840.gif" border=0 alt="Click for Thanh Hoa, Viet Nam Forecast" height=40 width=467></a> 
Trường Sa:
<a href="http://www.wunderground.com/global/stations/48920.html?bannertypeclick=gizmotimetempbig"> <img src="http://banners.wunderground.com/weathersticker/gizmotimetempbig_both/language/www/global/stations/48920.gif" border=0 alt="Click for Truong Sa, Viet Nam Forecast" height=40 width=467></a>



5. Code Xem truyện cười:
<iframe frameborder="1" width="98%" src="http://www.luudiachiweb.com/truyencuoi.htm" height="300"></iframe>

6. Code tra Từ điển trực tuyến:
</iframe> <iframe name=khungphu frameborder="1" height=220 width=100% src="http://thienchanh.webng.com/tudien.txt"></iframe>

7. Code Lịch truyền hình xem bóng đá:
<iframe src="http://bongda.com.vn/truyenhinh.aspx" frameborder="1" width="100%" height="200" scrolling="yes"></iframe>

8. CODE TẠO GIỜ THEO TỪNG ĐỊA ĐIỂM:

<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>New Page 2</title>
</head>
<body>
<table border="0" width="200" cellspacing="0" cellpadding="3">
<form name="where">
<tr>
<td width="100%">
<select name="city" size="1" onchange="updateclock(this);">
<option value="" selected>Local time</option>
<option value="0">London GMT</option>
<option value="1">Rome</option>
<option value="7">Bangkok</option>
<option value="8">Hong Kong</option>
<option value="9">Tokyo</option>
<option value="10">Sydney</option>
<option value="12">Fiji</option>
<option value="-10">Hawaii</option>
<option value="-8">San Francisco</option>
<option value="-5">New York</option>
<option value="-3">Buenos Aires</option>
</select></td></tr>
<tr>
<td width="100%">
<script language="JavaScript">
/*
Drop Down World Clock
This credit notice must stay intact
*/
if (document.all||document.getElementById)
document.write('<span id="worldclock" style="font:bold 16px Arial;"></span><br>')
zone=0;
isitlocal=true;
ampm='';
function updateclock(z){
zone=z.options[z.selectedIndex].value;
isitlocal=(z.options[0].selected)?true:false;
}
function WorldClock(){
now=new Date();
ofst=now.getTimezoneOffset()/60;
secs=now.getSeconds();
sec=-1.57+Math.PI*secs/30;
mins=now.getMinutes();
min=-1.57+Math.PI*mins/30;
hr=(isitlocal)?now.getHours()

9. Code Máy tính bỏ túi Flash:
<embed src="http://d.violet.vn/uploads/resources/495/0.calculator.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="180" height="230">

10. Code Danh ngôn:
1. Danh ngôn Việt:
<p align="center"><embed src=
"http://d.violet.vn/uploads/resources/511/danh_ngon_2.swf" width="180" height="200" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="never"></p></div>
<div class="bottom"></div>

2. Danh ngôn song ngữ Anh - Việt:


<script src="http://www.gmodules.com/ig/ifr?url=http://danico.googlepages.com/iframe.xml&up_myname=&up_mylink=&up_myurl=http%3A%2F%2Fhotrotrekhiemthinh.110mb.com%2FJAVA%2520SCRIPT%2FDANH%2520NGON%2Fdanhngonsongngu-final.htm&up_mywidth=180&up_myheight=250&up_myalign=center&synd=open&w=180&h=250&title=&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>

11. Code Du lịch - Danh lam thắng cảnh:
<script src="http://www.skydoor.net/gadget/vietnamtravel/random?format=javascript" type="text/javascript"></script>

12. Code Cảnh đẹp:
<script src="http://www.skydoor.net/gadget/vietnamtravel/random?format=javascript&width=200"></script>

13. CODE để thay đổi màu các đường link trên blog của mình:
<STYLE type=text/css>A:link {
COLOR:green; FONT: 10pt Arial; TEXT-DECORATION:none
}
A:visited {
COLOR: blue; FONT: 10pt Arial; TEXT-DECORATION:none
}
A:hover {
COLOR:blue; FONT: 10pt Arial; TEXT-DECORATION:none
}
</STYLE>
Các bạn hãy copy đoạn code trên và dán vào một khối HTML. Có thể chèn đoạn code này trước hoặc sau các đoạn code khác.
Hãy tự khám phá : Các bạn hãy thay đổi chữ in đậm theo màu và font chữ xem kết quả mình tạo ra !
Với menu ngang ở phía trên của blog thì đã được hỗ trợ trong theme và cách tạo khá dễ dàng. Tuy nhiên, để tạo thêm menu ở cuối trang thì chúng ta không thể thực hiện được như thông thường. Để làm được điều này chúng ta cần chèn thêm code vào blog.

14. CODE để tạo thêm menu ngang ở cuối trang hoặc trong các thẻ HTML:
Cấu trúc code như sau :
<div class="menutop nowrap" id="chromemenu"><ul><li><a href="link"><span> Tên menu</span></a></li></div>
Để tạo thêm menu các bạn hãy lặp lại đoạn code <li><a href="link"><span> Tên menu </span></a></li>   tuỳ theo số menu cần tạo.
Lưu ý :
- Hãy thay link bằng địa chỉ (URL) cần link đến của menu
- Thay tên menu bằng tên bạn muốn hiển thị trên menu.

10 MẪU GIAO DIỆN MỚI
    Xin được tiếp tục chia sẻ cùng các bạn 8 mẫu giao diện có màu nền nhạt, mẫu này có vẻ nhẹ nhàng, dịu mắt và dễ đọc.

1. MẪU GIAO DIỆN MÀU XANH LÁ CÂY:

<link rel="stylesheet" type="text/css" media="screen" href="http://dothanhyb.webng.com/03New/Main.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://dothanhyb.webng.com/03New/Menu.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://dothanhyb.webng.com/03New/Nenxanh.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://dothanhyb.webng.com/03New/Tieude.css" />

2. MẪU GIAO DIỆN MÀU XANH CỐM:

<link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau01/Main.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau01/Menu.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau01/Nenxanh.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau01/Tieude.css"/>

3. MẪU GIAO DIỆN MÀU XANH DƯƠNG:

<link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau02/Main.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau02/Menu.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau02/Nenxanh.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau02/Tieude.css"/>

4. MẪU GIAO DIỆN MÀU TÍM:

<link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau03/Main.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau03/Menu.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau03/Nenxanh.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau03/Tieude.css"/>

5. MẪU GIAO DIỆN MÀU XANH:

<link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau04/Main.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau04/Menu.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau04/Nenxanh.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau04/Tieude.css"/>

6. MẪU GIAO DIỆN MÀU ĐỎ:

<link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau05/Main.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau05/Menu.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau05/Nenxanh.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau05/Tieude.css"/>

7. MẪU GIAO DIỆN MÀU GHI:

<link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau06/Main.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau06/Menu.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau06/Nenxanh.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau06/Tieude.css"/>

8. MẪU GIAO DIỆN MÀU XANH DƯƠNG (NHẠT HƠN):

<link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau07/Main.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau07/Menu.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau07/Nenxanh.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau07/Tieude.css"/>

9. MẪU GIAO DIỆN MÀU GHI:(MÀU HỒNG) 

<LINK REL="STYLESHEET" TYPE="TEXT/CSS" MEDIA="SCREEN" HREF="HTTP://GIAODIEN.WEBNG.COM/MAU06/MAIN.CSS"/><LINK REL="STYLESHEET" TYPE="TEXT/CSS" MEDIA="SCREEN" HREF="HTTP://GIAODIEN.WEBNG.COM/MAU06/MENU.CSS"/><LINK REL="STYLESHEET" TYPE="TEXT/CSS" MEDIA="SCREEN" HREF="HTTP://GIAODIEN.WEBNG.COM/MAU06/NENXANH.CSS"/><LINK REL="STYLESHEET" TYPE="TEXT/CSS" MEDIA="SCREEN" HREF="HTTP://GIAODIEN.WEBNG.COM/MAU06/TIEUDE.CSS"/>

10. Mẫu giao diện màu tím
<link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau03/Main.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau03/Menu.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau03/Nenxanh.css"/><link rel="stylesheet" type="text/css" media="screen" href="http://giaodien.webng.com/Mau03/Tieude.css"/>

Một điều cần chú ý là nên chọn mẫu thư viện là mẫu tết, giao diện sẽ thể hiện đẹp nhất.
Chúc các bạn thành công !


15.  Bộ đếm số lượt truy cập cho Website – blog:
    Khi đưa một website lên internet hay sử dụng blog ở một dịch vụ nào đó thì bộ đếm lượt truy cập là một cái có thể nói là không thể thiếu, nó giúp cho việc đánh giá hiệu quả hoạt động cũng như “sự nổi tiếng” của trang web. . Một số blog đã cung cấp sẵn bộ đếm như wordpress hay yahoo 360, nhưng blogspot và một số site khác thì không có sẵn. Sau đây tôi xin giới thiệu với các bạn một số website miễn phí có thể giúp bạn đưa bộ đếm vào website hay blog của mình.
    Cách sử dụng rất đơn giản, bạn chỉ cần đăng kí một tài khoản tại website, cung cấp địa chỉ của website hay blog của bạn, sau đó nó sẽ sinh ra một đoạn mã chứa HTML và Javascript, bạn hãy copy đoạn mã này và đặt vào bất cứ đâu trong website của mình, ở chỗ mà bạn muốn nó hiện ra ấy.
    Các bạn có thể xem một số hình minh họa mà nó sẽ hiển thị khi đưa vào website của chúng ta, còn rất nhiều kiểu dáng, các bạn có thể vào site của nó để xem và lựa một kiểu thích hợp .
 

    Sau khi đã dùng thử ở một số site tôi quyết định chọn histats vì nó có hình thức hiển thị rất hay và hiển thị đầy đủ những thông tin mà tôi cần.
    Nếu các site cung cấp bộ đếm không đáp ứng được nhu cầu của bạn thì bạn có thể tự tạo cho mình một bộ đếm thích hợp.

16. Đoạn code chèn quảng cáo hai bên website (dạng trượt )
Đoạn 1:
<div id="divTopLeft" style="position: absolute; left: 10px; top: 15px; height: 478px;">
<script type=text/javascript> var widget_id =17326; var widget_width= "120"; var widget_height= "600";</script><a href="http://chodientu.vn" title="Tài trợ bởi Chợ Điện Tử - Ebay"></a><script type=text/javascript src="http://widget.adnet.vn/adnet_java.js"></script><script type=text/javascript>document.write('<iframe ALLOWTRANSPARENCY=true width="'+widget_width+'" height="'+widget_height+'" frameborder="0" scrolling="No" hspace="0" vspace="0" marginheight="0" marginwidth="0" src='+adnet_domain_name+'></iframe>'); </script></div>
Đoạn 2:
<div id="divTopRight" style="position: absolute">
<script type=text/javascript> var widget_id =17325; var widget_width= "120"; var widget_height= "600";</script><a href="http://chodientu.vn" title="Tài trợ bởi Chợ Điện Tử - Ebay"></a><script type=text/javascript src="http://widget.adnet.vn/adnet_java.js"></script><script type=text/javascript>document.write('<iframe ALLOWTRANSPARENCY=true width="'+widget_width+'" height="'+widget_height+'" frameborder="0" scrolling="No" hspace="0" vspace="0" marginheight="0" marginwidth="0" src='+adnet_domain_name+'></iframe>'); </script></div>
Đoạn 3:
<script type="text/javascript">
var copyright = 'kgt';
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
var px = document.layers ? "" : "px";
function KGT_FloatDiv(id, sx, sy,cc)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
window[id + "_obj"] = el;
if(d.layers)el.style=el;
el.cx = el.sx = sx;el.cy = el.sy = sy;
el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;};
el.init=false;
el.flt=function()
{
var pX, pY;
pX = (this.sx >= 0) ? 0 : ns ? innerWidth :
document.documentElement && document.documentElement.clientWidth ?
document.documentElement.clientWidth : document.body.clientWidth;
pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ?
document.documentElement.scrollTop : document.body.scrollTop;
if(this.sy<0)
pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ?
document.documentElement.clientHeight : document.body.clientHeight;
this.cx += (pX + this.sx - this.cx)/8;this.cy += (pY + this.sy - this.cy)/8;
if(!this.init)
{
this.init=true;
this.cx = pX+this.sx;
this.cy = pY+this.sy;
}
this.sP(this.cx, this.cy);
setTimeout(this.id + "_obj.flt()", 40);
}
return el;
}
KGT_FloatDiv("divTopLeft",       2,   50).flt();
if (navigator.appName.indexOf("Netscape") != -1)
{
KGT_FloatDiv("divTopRight",      -120,   50).flt();
}
else
{
KGT_FloatDiv("divTopRight",      -102,   50).flt();
}
</script>
Hướng dẫn:
- Bạn chép đoạn code này ra một trang word để chỉnh sửa cho hợp lý.
- Đoạn thứ nhất và đoạn thứ hai (phần in đậm) là code do Adnet cung cấp mà bạn đã đăng ký để chèn sản phẩm quảng cáo, cho nên các bạn hãy thay đổi cho phù hợp.
- Đoạn thứ ba là mã code bắt buộc, các bạn không được thay đổi gì hết!
- Sau khi điều chỉnh cho phù hợp các bạn copy toàn bộ 3 đoạn code, vào quản trị, vào giao diện, chọn "thêm khối chính" sau đó dán code vào. Và ra trang chủ để xem thành quả của mình.
Chúc các bạn thành công !

17. 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ự
1. 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…)

2. Cách chèn flash, mp3, video vào blog:
o Về cơ bản thì các dịch vụ BLOG đề có những công cụ chuyên biệt riêng hỗ trợ nhúng multemedia vào máy – tuy nhiên khá gò bó về mặt bố cục, thủ thuật này đề cập tới việc sử dụng mã nguồn để Admin Blog có thể tùy biến linh động hơn cho công việc thú vị này.
1. Chèn flash :
<embed quality="high" menu="true" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" src="link của file flash " type="application/x-shockwave-flash" width="500" height="273" loop="true"></embed>
Trong đó hãy thay thế link của file flash bằng link của flash mà các bạn muốn hiển thị. Nếu muỗn flash load nhanh hơn thì file này nên được up trên host của các bạn. Ví dụ với BlogSpot chúng ta hãy up lên chính trang riêng của các bạn và lấy link.
2. Chèn mp3 :
<embed width='280' height='50' type='application/x-mplayer2' src='URL' showstatusbar='1'  loop='1' autostart='0'>
3. Chèn video :
<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="URL" name="MediaPlayer1" width="284" height="239" autostart="0" showcontrols="1" volume="80">
Tương tự như trên, thay URL bằng link của video.
Hãy để ý phần src="URL" có ở cả 2 đoạn code trên. Nó là phần quan trọng nhất. Hãy thay thế chữ URL bằng đường link đến file nhạc bạn upload lên blog của bạn. Muốn để chế độ tự chạy thì để autostart='1', còn không thì để autostart='0'
Đối với nhạc audio link phải tận cùng là dạng wma hoặc mp3 còn với nhạc hình thì tận cùng là wmv
Ví dụ code để chèn flash vào blog như sau :
<embed quality="high" menu="true" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" src="http://d.violet.vn/uploads/resources/511/0.doi_am.swf" type="application/x-shockwave-flash" width="500" height="273" loop="true"></embed>
Hãy nhúng đoạn code này vào blog để xem kết quả.
3. Nhúng link nhạc từ các websites nhạc online vào Blog:
o Khi thưởng thức một bài nhạc trên các Music Online hiện nay, nếu để ý ta sẽ thấy luôn luôn có những đoạn Code ngay bên dưới cho phép nhúng bài nhạc trực tuyến này vào 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
  • 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 Copy mã nguồn từng bài một theo kiểu HTML/JavaScript thì cũng chưa thật hiệu quả và tiện lợi cho khách viếng thăm Blog.
* 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
4. Chơi game Flash trực tuyến trên Blog:
o  Nghe nhạc xong có thể chơi Game ngay trên Blog, đây đúng là một phương pháp Relax thú vị mà chắc chắn Blog của bạn sẽ thu hút rất nhiều khách viếng thăm.
o  Truy cập vào trang Game Flash Online http://socvui.com.o  Chọn Game cần nhúng vào Blog, nhấp nút Chia sẻ game ngay bên dưới, sao chép đoạn Code nhúng vào Blog tương ứng, xem hình 10.
 
Hình 10
o Sử dụng cơ chế nhúng HTML/JavaScript để nhúng đoạn Code vào Blog (do các game dạng Flash thường có giao diện tương tác tương đối lớn nên nhúng vào vị trí Footer trên Blog là hợp lý nhất), xem hình 11.
Hình 11
5. 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
6. Tổng kết: 
Kết thúc phần 2 với 5 thủ thuật được đề cập về thao tác nhúng các đối tượng đặc biệt khác, lúc này Blog cá nhân của bạn đã mang tính thời sự và giải trí đa phương tiện khá cao cấp rồi đó !


18. CODE BANNER TỰ ĐỘNG CHẠY:

<html>
<head>
<LINK href="zing_banner.css"
type=text/css rel=stylesheet>
<SCRIPT src="zing_trangchu/anh_thu.js" type=text/javascript></SCRIPT>
<style>
<!--
img { border:0 }
-->
</style>
</head>
<BODY background="http://www.vn-zoom.com/images/bg_hoa.gif">
<body topmargin="0" leftmargin="0">
<center>

<table border=0 width=780 cellspacing=0 cellpadding=0 >
<tr><td align=center>
<SCRIPT type=text/javascript>
<!--
var focus_width=780;
var focus_height=260;
var text_height=0;
//-->
</SCRIPT>
<SCRIPT language=javascript type=text/javascript>
<!--
var xsImgs = new Array("banner.jpg","banner1.jpg","banner2.jpg","ba nner3.jpg","banner4.jpg","banner5.jpg","banner6.jp g","banner7.jpg","banner8.jpg");
var xsImgLinks = new Array("http://maiyeuem.li/","http://maiyeuem.li/","http://maiyeuem.li/","http://maiyeuem.li/");
var xsImgTexts = new Array("&nbsp;","&nbsp;","&nbsp;");
var xsImgSize = new Array(focus_width, focus_height);
//-->
</SCRIPT>

<SCRIPT language=javascript src="http://www.vn-zoom.com/images/banner.js" type=text/javascript></SCRIPT>

</td></tr></table>
</center>
</body>
</html>

[hr]
Ghi chú: Các bạn nên thay đổi các size chiều cao x chiều rộng nếu có thể tùy ý các bạn 



19. CHỮ VÒNG QUANH THEO CON TRỎ

<script LANGUAGE="JavaScript">
<!-- Begin
if (document.all) {
//Things you can alter
yourLogo = "Welcome to website thầy Lê Văn Ánh!"; //Not less than 2 letters!
logoFont = "Arial";
logoColor = "000000";
//Nothing needs altering below!
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 100;
logoHeight = -30;
ypos = 0;
xpos = 0;
step = 0.03;
currStep = 0;
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < L; i++) {
document.write('<div id="ie" style=& quot;position:absolute;top:0px;left:0px;
'
+'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;'
+'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>');
}
document.write('</div></div>');
function Mouse() {
ypos = event.y;
xpos = event.x - 5;
}
document.onmousemove=Mouse;
function animateLogo() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
Sz[i] = ie[i].style.pixelTop - ypos;
if (Sz[i] < 5) Sz[i] = 5;
ie[i].style.fontSize = Sz[i] / 1.7;
}
currStep -= step;
setTimeout('animateLogo()', 20);
}
window.onload = animateLogo;
}
// End -->
</script>
<!-- Script Size: 1.93 KB --> 

20. CODE LÀM CON CHUỘT CÓ MẤY CÁI VÒNG CHẠY CHẠY XUNG QUANH

<script language="JavaScript">
<!-- Mouse Attack by Kurt Grigg - 
http://www.btinternet.com/~kurt.grigg/javascript

var num=10;//Number of dots!
var vel=20;//Speed!
var col=new Array('#0080ff','#ffffff','#0000ff','#44ccff');//Dot colours, min 2!
var stopafter=60; //Stop and clear after x secondS!
//Nothing needs altering past here....................
var MAy=0;
var MAx=0;
var py=0;
var px=0;
var angle=0;
var distance=0;
var rep;
var ry=0;
var rx=0;
var tmr=null;
var n4=(document.layers);
var n6=(document.getElementById&&!document.all);
var ie=(document.all);
var o6=(navigator.appName.indexOf("Opera") != -1)?true:false;
var _d=(n4||ie)?'document.':'document.getElementById(" ';
var _a=(n4||n6)?'':'all.';
var _r=(n6)?'")':'';
var _s=(n4)?'':'.style';
var v=(n4)?"show":"visible";
var put=false;
stopafter*=1000;
if (n4||n6){
window.captureEvents(Event.MOUSEMOVE);
function mouse1(e){
if (put) return false;
MAy = e.pageY-window.pageYOffset;
MAx = e.pageX;
}
if (n4) window.onMouseMove=mouse1;
else document.onmousemove=mouse1;
}
if (ie||o6){
function mouse2(){
if (put) return false;
MAy = (ie)?event.clientY:event.clientY-window.pageYOffset;
MAx = event.clientX;
}
document.onmousemove=mouse2;
}
if (n4){
for (inc=0; inc < num; inc++)
document.write('<layer name=dots'+inc+' top=0 left=0 width='+inc/3+' height='+inc/3+' bgcolor=#ffffff></layer>');
}
else{
if (ie&&!o6){
document.write("<div id='outer' style='position:absolute;top:0px;left:0px'>");
document.write("<div style='position:relative'>");
}
for (inc=0; inc < num; inc++)
document.write('<div id="dots'+inc+'" style="position:absolute;top:0px;left:0px;width:'+ inc/3+';height:'+inc/3+';background:#ffffff;font-size:1">.</div>');
if (ie&&!o6) document.write("</div></div>");
}
function pos(){
h=(ie)?document.body.clientHeight:window.innerHeig ht-20;
w=(ie)?document.body.clientWidth:window.innerWidth-20;
ry=Math.round(Math.random()*h);
rx=Math.round(Math.random()*w);
rep=Math.round(Math.random()*3);
if (rep == 3)ry=0;
if (rep == 2)ry=h;
if (rep == 1)rx=0;
if (rep == 0)rx=w;
py=ry;
px=rx;
}
pos();
function followleader(){
sy=(!ie)?window.pageYOffset:0;
sx=(!ie)?window.pageXOffset:0;
if (ie) outer.style.top=document.body.scrollTop;
for (inc=0; inc < num; inc++){
randomcol=col[Math.floor(Math.random()*col.length)];
temp1=eval(_d+_a+"dots"+inc+_r+_s);
temp1.visibility=v;
if (inc < num-1){
temp2=eval(_d+_a+"dots"+(inc+1)+_r+_s);
temp1.top=temp2.top;
temp1.left=temp2.left
}
else{
temp1.top=py+sy;
temp1.left=px;
}
if (n4)temp1.bgColor=randomcol;
else temp1.background=randomcol;
}
}
function bomb(){
ay=MAy-py;
ax=MAx-px;
angle=Math.round(Math.atan2(ay,ax)*180/Math.PI);
if (angle < 0) angle += 360;
MAdy=py-MAy;
MAdx=px-MAx;
distance=Math.floor(Math.sqrt(MAdx*MAdx+MAdy*MAdy) );
go_y = Math.round(vel*Math.sin(angle*Math.PI/180));
go_x = Math.round(vel*Math.cos(angle*Math.PI/180));
py+=go_y;
px+=go_x;
if (distance < vel) pos();
followleader();
tmr=setTimeout("bomb()",20);
}
bomb();
function dsbl(){
v=(n4)?"hide":"hidden";
put=true;
MAx=0;
MAy=0;
setTimeout('clearTimeout(tmr)',stopafter+100);
}
setTimeout('dsbl()',stopafter);
//-->
</script> 

21. CODE ĐƯA CHƯƠNG TRÌNH TRUYỀN HÌNH VTV LÊN BLOG

    Ngày nay với tốc độ kết nối Internet băng thông rộng, nhiều hãng truyền hình lớn đã phát trực tuyến. Bạn có thể "rinh" chương trình truyền hình về blog của mình để xem cho đã nhé. 
<embed showdisplay="0" showstatusbar="1" showcontrols="1" autostart="1" type="application/x-mplayer2" src=" mms://210.245.126.153/VTV2/" space="0" align="middle" height="350" width="350"></embed>

    Bạn cần biết LIÊN KẾT ĐẾN CÁC KÊNH trên VTV và thay dòng chữ đó bằng các liên kết bên dưới.
VTV1: mms://210.245.126.153/VTV1/
VTV2: mms://210.245.126.153/VTV2/
VTV3: mms://210.245.126.153/VTV3/
VTV4: mms://210.245.126.153/VTV4/

v.v... 
    Lưu ý bạn nên để autostart="1" để chương trình truyền hình tự động phát khi hiển thị blog. Tôi đã kiểm tra autostart="0" thì truyền hình không chịu "hát".
Nhớ thay đổi width và height cho phù hợp. Chúc bạn thành công!



22. Code hiển thị ngày: 
    File thông báo ngày tháng hiện tại bằng flash. Chỉ việc sử dụng đoạn mã code cho sẵn để tạo nhanh chóng file này. Bạn có thể đặt file này trên các website, tại vị trí cần hiển thị ngày giờ hiện tại.
Ngoài ra để thêm sinh động hơn, bạn hãy tạo thêm màu hoặc ảnh nền cho thông báo ngày giờ này.
Để xem Flash thì trình duyệt phải hỗ trợ Flashplayer!
Bước 1

Mở một file Flash mới, định dạng độ rộng và chiều cao của file (Ctrl + J).
Bước 2

Chọn công cụ Text Tool (T) và vào phần Properties Panel (Ctrl + F3). Trong phần bên trái, bạn sẽ thấy một hộp Text Type xổ xuống. Chọn Dynamic Text trong hộp menu này:
Vẽ một hình chữ nhật để hiển thị ngày trong hình chữ nhật này
Bước 3

Vào lại phần 
Properties Panel (Ctrl + F3), trong phần Var nhập date
 
Bước 4
Thực hiện lại bước 2 và 3 đễ vẽ một ô text khác để hiển thị giờ ngay dưới ô ngày vừa vẽ, giá trị Var của ô này bạn nhập 
time

Bước 5


Chọn hai hộp text vừa vẽ, nhấn F8 (Convet to Symbol) để chuyển hộp text này sang dạng Movie Clip Symbol
Bước 6

Chọn công cụ 
Selection Tool (V) và kích vào Movie Clip vừa tạo. Vào phần Action Script Panel (F9) và đưa vào đoạn mã sau:

onClipEvent (load) {
 weekdays = ["Chủ nhật", "Thứ hai", "Thứ ba", "Thứ tư", "Thứ năm", "Thứ sáu", "Thứ bảy"];
 months = ["Tháng 1", "Tháng 2", "Tháng 3", "Tháng 4", "Tháng 5", "Tháng 6", " Tháng 7", "Tháng 8", "Tháng 9", "Tháng 10", " Tháng 11", "Tháng 12"];
}

onClipEvent (enterFrame) {
 myDate = new Date();
 tDay = weekdays[myDate.getDay()];
 tMonth = months[myDate.getMonth()];
 tDate = myDate.getDate();
 tYear = myDate.getFullYear();
 tHour = myDate.getHours();
 tMin = myDate.getMinutes();
 tSec = myDate.getSeconds();
 date = "Hôm nay, "+tDay+" ngày "+tDate+" "+tMonth+", năm "+tYear;
 time = "Bây giờ là: "+tHour+" giờ "+tMin+" phút "+tSec+" giây";
}

Hãy thử kiểm tra sản phẩm mà bạn vừa tạo nhé. Còn nếu chưa làm được bạn có thể download file nguồn tại đây!

23. CODE VỀ TRANG TRƯỚC ,VỀ ĐẦU TRANG ,TẠO BẢN IN:

<table width="600" height="23" border="0">
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td width="200" height="19"><div align="center"><a class="sidehrefvetrang" href="javascript:history.go(-1)">Về trang trước</a></div></td>
<td width="200"><div align="center"><a class="sidehrefvetrang" href="#top">Về đầu trang</a> </div></td>
<td width="200"><div align="center"><a class="sidehrefvetrang" href="javascript:window.print();">Bản để in</a></div></td>
</tr>
</table> 


24. CODE TẠO BẢN ĐỒ VỊ TRÍ NGƯỜI TRUY CẬP, CHAT BOX, BẢNG THỐNG KÊ TRUY CẬP

 1/ Tạo bản đồ vị trí người truy cập
Vào trang:http://www3.clustrmaps.com/   
Gõ tên địa chỉ web của bạn vào ô  URL và điền địa chỉ email  -> make my map
Sau đó coppy toàn bộ code .  Cuối cùng chèn code đó vào website của bạn 
  2/ Tạo bộ đếm số người truy cập: 
Vào một trong các trang sau:  http://www.sitemeter.com  , http://www.onestat.com , http://www.gostats.com , http://www.histats.com
Tìm kiểu bạn thích rồi coppy code vào web của bạn 
  3/  Tạo hộp chatbox:
Vào tranghttp://cbox.ws/getone.php
Tạo một tài khoản bằng cách click vào Sign up
Điền đầy đủ thông tin -> click vào create my cbox!
Coppy code đó vào blog của bạn ( nhớ chỉnh lại kích thước cho phù hợp vị trí chèn)

4/  HỘP THÔNG BÁO (CHÚC MỪNG) KHI TRUY CẬP VÀO TRANG WEB

<SCRIPT language=JavaScript1.1>
alert("Chào mừng bạn đã đến thăm website chúng tôi , Chúc bạn có một ngày tràn ngập niềm vui và hạnh phúc! Và rất mong bạn ghé thăm thường xuyên và đừng quên vào Diễn đàn để lại lời nhắn.  Cám ơn tất cả các bạn.!\n Admin : Anhlevan->.................. ");

Menu 3D Anhlevan

Number of online