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/AVvXsEjCNq9IgIp7IKzZ189XiK3Q1Hg-g9I6rzumZvlYjKsQhtGzIS1XvmCWEPZAwFaa3lmfe3i7PmvFlfL9bd4qvsBl2VgAjz36TnS3NupoDldF2IGpt2y3gjymglzYLp1F2EmTJDA1SQhMpgY/"/><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/AVvXsEiZjLUbZfLvSnWjZEN1KZUp26DB78E6uYGQG14vt-oZbT58e7S6fhM8pJWIBZd0HBbL79K5LYiXhseyDq2d14rh-aWiSda3qZe9SHIKs7_Xdg8_zoY0taHI9mZWS7gZb7PHlmY9LKBEgJY/"/><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/AVvXsEj0oGLZirarP9k7ByFxc_Kn3MVjEs92B9dsMect5Kj7XQqtI5jw_3hNkVeJQwYrGgjuVxALSXXIol2vgOKWBsVZwgiLcCyWHmAlaE1ogJC7-2qhuYVdiMhPNY5eKd3Tm0EnYBNBo1mz5GI/"/><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/AVvXsEie6EU_Pq5_gtqOaA8IFYR1fGyRwRIJ6w6XfyPqY7g_uWmlE-Ox41oLt8MbNqTyIAhzjlrej_WIElD9AzNnzf_t39pVfppyrEDLLV8Nw35DzSXWAkO8k8SlzopIwoEDYi5iLm21a98MLYA/"/><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/AVvXsEj_hm3IkXfv_q7dDj0lbHTQdMH-kFkC5IHoM04QFeS0haOAoiUDUv1e-TV9A-wdRBrr0TNr2VxpgZr3dxko78WgSDvn-4-Yt8jCfVNeSkSREPztJQ9aLnCRcGk_1QKJI2iSlDIDD3Xw4bE/"/><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/AVvXsEgNCa7hf1ct3_Qj3s10lxjwOMAmfAIqKSa5utFQhjvoG6ZPmwDjNYL5uYF3Tq6B12Hiffql6WIrWEtVmoia2Vns1LFmwVJ-FG4uPAhSeUEAtybHVD0IwAuE4f0ZX0n3IyOrmAqYXiDgUE0/"/><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/AVvXsEgRFbw-Xw4c9SswrorLAduz5OZTYUEBJDB46TY14WgZdbBuOYHUvatwk5EHDzxImlSHzOQZSXT1wks5ivH75-c18ZSuW7Q9y53hpVsV09pERStjlOA6tGI95WOD3H0Alry1pmgmv7zwXXI/"/><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/AVvXsEjk6Jxxlh4lkFj8c8GoufUELA_bSwpfbxC0Vxn7JpTpRbBPWsfgbqlbzP8UwJmHivJLud2VIyzsT5asq_ZpeM4DDz39JUldfILn-vYK50XchQ_UNU8sDdqmjNYmWc4-hXjB3KLv0vhc0rg/"/><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/AVvXsEhbunOtcKdthVhRrl8xaQI__oKiugaBSc4U4dwQwmb8qDQ2nRX1e3W3CwsrNM9O-nH6QWYfOPhMhbtiyxfqjaC2p1MaX54ewTF9jKdZ0-0qsAzDKp7jIDU_5AjyXY5M8hXHbdKVoHN9JZU/"/><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/AVvXsEgSyA4KbbkKXV3ZjlmYxeE4onNIInzHAB0G_C4UNGwJUPfD6YcBJir0FMnki_3apoQRybSsdT_hsB3s56-8K2S9mNdn6v0vE10eiGQAWvS_7Gs3lFVOXlTG7T5QMaRNaQaMmACnnbaqHnQ/"/><a href="javascript:popUp('http://service.thesaigontimes.vn/atm/tracuuatm.aspx')">Điểm đặt ATM</a></li>
    </ul></td></tr></table>