Tiện ích: Thông tin cần biết Lịch, thời tiết, ngoại tệ,... cho Blog

Hình 1

“Thông tin cần biết” là tiện ích được sử dụng rất phổ biến trên các trang Web tin tức ở VN, như báo VNExpress, Vietnamnet,…dưới nhiều dạng thức khác nhau. Tuy nhiên, tựu trung lại cũng chỉ chứa các thông tin như giá vàng, thời tiết, giá chứng khoán,…vv…

Như hình 1:

Tạo một widget HTML\JavaScript và chèn vào đoạn code sau :
<iframe frameborder="0" height="292" marginheight="0" marginwidth="0" scrolling="no" src="http://www.thienduongweb.com/tool/weather/?size=292&amp;fsize=9&amp;bg=images/bg.png&amp;repeat=repeat-x&amp;r=1&amp;w=1&amp;g=1" style="height: 187px; width: 292px;" width="292"></iframe>
Như hình 2:

Hình 2

Thực hiện :

Bước 1 : Vào Thiết kế > Chỉnh sửa HTML

Bước 2 : Chèn đoạn code bên dưới vào trước thẻ đóng </b:skin>

.thongtin img{width:24px;height:18px;margin:5px 5px -5px 0}      
.thongtin li{margin:10px 0 20px}

Bước 3 : Tạo một widget HTML\JavaScript và chèn vào đoạn code sau :

<script language="JavaScript">
    function popUp(URL) {
    day = new Date();
    id = day.getTime();
    eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=500,height=350,left = 380,top = 180');");
    }
    </script>

    <table border="0" width="100%" align="left" cellspacing="0" cellpadding="0" class="thongtin" style="border-bottom:1px solid #ddd">       
    <tr><td align="left" valign="top" width="50%">
    <ul><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3AElVRJXmTwpiWM4IYP3c_LbegEGdOubpUbwUztTzJIniNW9_bCJzPfKOWLs_HemjWiGPwmxKeXDSf8CKaLj5bLHhMxN2j_iVrxigtdYE_WUo-0XWkPXpTPritXA5mQW26Ztn-EHQt7U/"/><a href="javascript:popUp('http://www.taichinhdientu.vn/services/infopage.aspx?svc=exchangerates')">Tỉ giá ngoại tệ</a></li>
    <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIg4on68svsI6NKI1fVMl2jNm5wPfD8oyUGmXvEyzzLWk9NsdDDQRSN7Lt7t8g_UR4J1NuJBnMBnXW_txII-DVApXWJR4RtuPeHnbHsyaSZOtYH9lsSBLls0bI3A3_LV-3b2TnF3vda1U/"/><a href="javascript:popUp('http://www.taichinhdientu.vn/services/infopage.aspx?svc=goldrates')">Bảng giá vàng</a></li>
    <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggB9f3F0W2B_JNT8tPAwyJW7LMa1NH_6JVkUv1OZ5puhwE2QzMy85KcPU5b0DzDHLJ8HJLn-o9odcp6896Q9-BLJJPIizxBMfOVsaT8SVVcdLnj5XD6hxqObcCOr8k3oHLUy3OQp04CBY/"/><a href="javascript:popUp('http://www.taichinhdientu.vn/services/infopage.aspx?svc=oilrates')">Bảng giá dầu</a></li>
    <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRwWkSZQuCxqP6RF2Eg8fevnbqGyAVPDXwhauNgURofOgpXLRC8aBwZClXIMqHP1-CaZWVr4MqyR-XeaAQvUvz7ZbbOpPVR0Xt-O6PJxuQu6Eua-7wlKn-fGxPMyrAf8mTPY-Sr-AM264/"/><a href="javascript:popUp('http://chungkhoan.24h.com.vn/chungkhoan.php')">Giá chứng khoán</a></li>
    <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8TOg2U8uuRb2SHtqPXTlNdbY7ud4SeIOmEe_ndlhSXMf-saSou42vojEG7CtexiL0rAz94R29H3MUmd1VmJIBLAQInwl9Ag97tfkt3MxrKQBYbkuWFOX-LmXqaLrioafA-4VzmeLJQfk/"/><a href="javascript:popUp('http://www.chieuphimquocgia.com.vn/lichphim/Default.aspx?MenuId=14')">Lịch chiếu phim</a></li>
    </ul></td>

    <td align="left" valign="top" width="50%">
    <ul><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiof78KtR43TReVu68CxnxBYsUh9tBK81Bw6nP9eJhJQk-6AixczGgLu8s4NLkwpzgKKg_wK8XeGBvJvAWb9cgq4NpcNSjsmZUt3rC881gMhct-J0pRfUZGkDYcqHqPPB8W4QI3DzxXeSs/"/><a href="javascript:popUp('http://vovnews.vn/Services/Infopage.aspx?svc=lotteryresults')">Kết quả xổ số</a></li>
    <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiu8HTBjRsGmFjcN2tNVttMxpTC4mpd5wO5B1MsFa6T-I5BN1_T40yL5VcOGdMwyGSzl8-PQpfBYwglEADCpp6btIXX90N4-hSLpNq0OFOaffV7kITXZQlMqYcGWC-NlU_9ZSTgf92om4/"/><a href="javascript:popUp('http://baobongda.com.vn/lich-thi-dau/league/')">Lịch bóng đá</a></li>
    <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYxKbQnZzWm_OyUSFj4SFQO1QTEzDiR2N8SI8wik9kmAHPrhF_x0DHXJnx-FDz2VFWEd7HOd6_ZahhxKyojh_D10BprUPXuE2lOzJwgAg1HMBS2w3aUjwSNkU-rtQXHN54feHkSqwjYHU/"/><a href="javascript:popUp('http://www.taichinhdientu.vn/services/infopage.aspx?svc=tvschedules')">Lịch truyền hình</a></li>
    <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitx5ykrWmJMsbwvcPbXYNsI1Ox-urblIOy_VZumyWhV4uYMa9vahz-yCDwCGY7RsWvq3e_vgoa_QcCzemwYL08c4kXvAItJBwo054EHWnATuFHDiMCveSP-gdJDeqqZOquOglNMSBdDkg/"/><a href="javascript:popUp('http://vovnews.vn/Services/Infopage.aspx?svc=weathers')">Dự báo thời tiết</a></li>
    <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_kUYqiLKcNiyaiB3LgdJKQK3x6NRKWcpls7vdJ7b08vEidW8vf0dVk-h0EBTPW2xk_jcc6dhSt2KdSWKcXlOPojCgXtHiYoMXHVWIymihUa_9SyUEl2-wUp_tXoShM03N4sU-PEDSMoM/"/><a href="javascript:popUp('http://service.thesaigontimes.vn/atm/tracuuatm.aspx')">Điểm đặt ATM</a></li>
    </ul></td></tr></table>