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/AVvXsEidTMr3BpWYZk5m0AVJZSMnkxfM78S-K0s9FxvPKAnOO67J9PFgCLihjqFd6nXn1kOpw1oQMM-ZGSql8XJC65LzproDfUyKnsu0z9NeifukWJCstCLJr6OS45_ZXhlK4tYgc55isrY-D7M/"/><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/AVvXsEhWX8ev3DN5H7hjcxQM_G52jMKVKTwSYC6bLdtbD3w_Mvn6-RhtikZuaQ4vH9LFeYlKf6g0cIkzZ4sUSVNjG6TYOt4sExTnVoFouSF8Nk7yFYcjj24okjn6Gc6KrzyWnukILdiJPvhXn7o/"/><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/AVvXsEjptENyrdAM8GLZwjC7YZBqfy8vMgkAvs3DpPWf90h9jkD-eDTEAmtpGCVLdEGOI6dKFUUDpfhAlUrb6QJgS1rdvu7Ria2_TwcLhosaSx2IuTTXalLkfMjAzZ9PzrtS8EDGn6Jn26y8_yI/"/><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/AVvXsEisaY9WBYA5KPPWlj-GGoQB00usvkmDjAkNDD6FjkKmdU2MLiCXDEoWODXBhGkmQ_QuBtHFATzAhb4mc3SGZZMKnX5jRyScvRGOIJhfeN2_kEMYIebRbWRLkNpIdWnk-VaQoAzijZniHJE/"/><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/AVvXsEj4Sb-IaZa_8PMv9fgcwI2tTAwhaRT6UwOVK9GwfbKmEtxFh-JhjqN53PCmBGttRxe9hPKwMKGGKgkB2Crp3LaUJ1gHcdKE3GwgXrwEvaBkXSNVKsD9v2AfGog3I_Kb-DCKU75wQXu8Pio/"/><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/AVvXsEjt-VL6XNgnIQ3Su3mvG68LqPCPFIWmusdDRo08RNaul7FGWYQGUxkRL_Rg0XTVIVYQuUXjPNsYEEG0ntuvldEAh8aHs_1CPE91YTpjW3-eW-pTPkXQgOUYZW8mZEwUWSQJo26Kk1tzcaQ/"/><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/AVvXsEj8iaCyfSR0EsZgMcaoU5WPDHz2f_4JnqTB527c-EArFoHCeOar6LNG1sBk0dUBJazXX3XIGC2vxRH2UEVJJX55wvn70dzOu7pbpQbSji207oZd2SyVyR5A2lpnBnuIAn6rUfUkCosMgKE/"/><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/AVvXsEgPUWTabTLyBeVP7R4ZniM5zG3eT3XioakJuwgqLGB0ZpEJcLitzhwaIfUH2I30vmIhpG2i06DgFFzQPyHzZQwlv6XEah__AbXRaZhUWFhA-jcFKJxHUh1JH_Y8YfcKNeRv67WWpblLoMY/"/><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/AVvXsEgCDF3hUJdvkApyDLTNsYy8t3_phYarm3BjILtmdN8Exuoa7-sYZcwv9oBvHmuU0p28SstZoO8L2R77oC260rB_VO-UvzPkEO17ZFqrcRH9gE0UEbvSHYA7WBwu-RtbdWEc_f2GEc7AD5U/"/><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/AVvXsEi-tCQIcZqZBeiNhiyMikmpuYvlh1SajSfbMwaCqkllh0MibzoRmSw5mGcSAjpVHn63euaNN2vZZXvej9woo73-gHtUfOYtTPjAdV81vK4Zpe-A8k3LX-iUtfJRKTE75vq1AzvonqwmtAA/"/><a href="javascript:popUp('http://service.thesaigontimes.vn/atm/tracuuatm.aspx')">Điểm đặt ATM</a></li>
    </ul></td></tr></table>