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&fsize=9&bg=images/bg.png&repeat=repeat-x&r=1&w=1&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/AVvXsEjn4ZtuI5AsJxKQCtkM9MYPvDyia6SGZ_Ly9YqBUiYKyoda8ooe_Bbyz_skaAaNVFg_rx6KNOTKPmVhpCoEl5e6BR6bAcXehRbXkOcBBMER1UkMvgovSxTTwNz3IPoZl0Txu5rmptNfmT0/"/><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/AVvXsEgvkYY16bJD6iAHmCYBFxuwQzcigAJCLfZm898-Ob0SnNipPRQuraGHDQn3SPYQyDbCIZcP9QNq_OaWu7_7q64ROOv8pMrB9RXpJxg68zMYc8eGOI4NJB5hgx3hjBPlUjAhkvXjb2LMqhU/"/><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/AVvXsEgPHgGtyNSVthxI0I3XjZDrMA-kTWs2KS3OO1fM8bO1iQk3q_wl1lxuBuoL85LMg8w3fJyoRzwLo_DQNLO65FCywtifAYIesGtnmjTia4WNABdpFpDJN3qhe_EE-gz8B-UI79s-OBjzpf8/"/><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/AVvXsEi8nnSjXinGgibZm30KtmO3voJ9RDd7aTkrmwnk2jxCIXowJVurMZ04Xy20lrw2_VQg0hnGhQ93yglorTVZ2eY2Uw0Ps0QTRw4y1H5kT-Y3-iPskzbDQ1mnJE2XrM36idB4ChjNaIJgEu0/"/><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/AVvXsEieyVa6qEqlhvjGATpelFZOAJ7cGN_FKknxez371lPFdcaHflm94uGcq9WX_F6XjIJJNe98oNIsxyzBdnhh-okWjevFq6i5Lm-vfGTzuUyDLxlju5V8L0YE2HyLU3vb5B0nSe-LCzLLnF0/"/><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/AVvXsEixKWtm-izVf_MOAQP3bin4EE3I1dJYHiLuqJjRhOA01-ry86mEh1JaG91DuHP78H8K8y5Xk9-CINL5r4iTSdrBIQnzMTEm3vHGHen-XPLK1otQjzoqLLNu9Ux1MouJonPyDKqvkcDRJhg/"/><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/AVvXsEhSXYLsJBnVpP_QxxccvvRlE3JBeq6TMIO1g6ZVgO14KmqQa5E5QSB7QZkIyIucvJNIoWbml_vP4sRfh81k-1xdsiNRavsTXFzl0AFlC6abQ32VlviMYCKzlvQPhVye5RIlXuJSCyYMOjo/"/><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/AVvXsEgZVyOSDRP4NICdfpWUKL7eRXL3eHKVivtkeViV5XIiSJ1FMw_PT_uYGWk2STdGrUQQYDnlFx2KR774rR-0y8N7YUYMz3YM1h64WqoiNwLPLlRwg7iLrvCrz-0sdrthzX6SZl3NQcx69n8/"/><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/AVvXsEgaLegJk6dci6AcKs68c_8w4UuMQ_sD-PlaJww1Ddz75Xk1N88dBCB5HcgzdJWY526-zBkgfiREi8xzTQ_B61h5AyGpruC18GigH7fqm0Cdy_yOcIJzniFYkSnSfrCzcQ-GGeMBb2jGGrw/"/><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/AVvXsEiStPqGgeflZEmaM2J6LFRBg7zv5fkMond8Cc5w-IOM6_IOZJZkuNpRA5xZNAe5kqHdN_FQS_2u2X6rV4GqiFTmP7Fpcg75zUpOeRLhDXm2lzc7B1wqRkMK_EluHJlF2YoA-P7ihAWg1Is/"/><a href="javascript:popUp('http://service.thesaigontimes.vn/atm/tracuuatm.aspx')">Điểm đặt ATM</a></li>
    </ul></td></tr></table>