VuaTenMien.Com: Đưa dự báo thời tiết vào web blog

Saturday, January 5, 2013

Đưa dự báo thời tiết vào web blog

Cách Thực Hiện :
Bước 1: Vào blogger > Bố cục > Thêm widget HTML/Javascript mới vào vị trí bạn muốn hiển thị tiện ích Thống Kê
Bước 2: Dán code bên dưới vào form nội dung :

<div align="left">
<select id="SelectWeather" style="border-top:0px; border-left:0px; border-bottom: solid 1px #2982D6; font-family:'Times New Roman'; font-size:15px; font-weight:bolder; color:#1D2A5E; width:150px" onchange="ShowCity(this.value);" disabled>
<option style="border-bottom:solid 1px #2982D6;" value="VMXX0007" />TP Hồ Chí Minh<option style="border-bottom:solid 1px #2982D6;" value="VMXX0006" />Hà Nội<option style="border-bottom:solid 1px #2982D6;" value="VMXX0023" />Lạng Sơn<option style="border-bottom:solid 1px #2982D6;" value="VMXX0005" />Hải Phòng<option style="border-bottom:solid 1px #2982D6;" value="VMXX0026" />Vinh<option style="border-bottom:solid 1px #2982D6;" value="VMXX0028" />Đà Nẵng<option style="border-bottom:solid 1px #2982D6;" value="VMXX0009" />Huế<option style="border-bottom:solid 1px #2982D6;" value="VMXX0029" />Nha Trang<option style="border-bottom:solid 1px #2982D6;" value="VMXX0034" />Trường Sa<option style="border-bottom:solid 1px #2982D6;" value="VMXX0018" />Vũng Tàu<option style="border-bottom:solid 1px #2982D6;" value="VMXX0004" />Cần Thơ<option style="border-bottom:solid 1px #2982D6;" value="VMXX0031" />Cà Mau<option style="border-bottom:solid 1px #2982D6;" value="VMXX0032" />Phú Quốc<option style="border-bottom:solid 1px #2982D6;" value="VMXX0003" />Bình Dương</select></div>
<div align="left" style="padding-top:0px"><div id="LoadingWeather" align="left" style="padding-top:15px;"><img border="0" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij4zRqElUybQ64U4LFf-HmOCZRoNWQLMpKASjpIQ7LjmYXD37FCMQKRkOvsYWnTd-KNA4M0A8DYkhkmYKtlxExxo-tsGG-yFdPTUQ_a3kpT3-7AEQFqjehdeE6nXYobSxlC9SeX0v9VR97/s1600/loading.gif'/><br/><font color="#000" size="3">www.vietcons.info</font></div>
<div id="WeatherBox" align="left" style="display:none">
<iframe id="ltc_weather_embed" scrolling="no" frameborder="0" \ height="100" width="260px" src="http://pacificsteel.vn//modules/mod_ltc_weather/mod_ltc_weather_embed.php?zip=VMXX0007&scale=c" onload="LoadBoxOk();"></iframe>
</div></div>
<script language="javascript" type="text/javascript">
function ShowCity(z)
{
document.getElementById('ltc_weather_embed').src='http://pacificsteel.vn//modules/mod_ltc_weather/mod_ltc_weather_embed.php?zip='+z+'&scale=c';
document.getElementById('LoadingWeather').style.display='block';
document.getElementById('WeatherBox').style.display='none';
document.getElementById('SelectWeather').disabled=true;
}
function LoadBoxOk()
{
document.getElementById('LoadingWeather').style.display='none';
document.getElementById('WeatherBox').style.display='block';
document.getElementById('SelectWeather').disabled=false;
}
</script>