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/AVvXsEgFUMgVHM_6Z35-TsHgRuHw0mTZu1eQyq5RbqfO6tC43IVfh5UBS_-7MsPMJQgGlgKyLs2cEQPuzwa_cxmuKhkD-6mwhOsIkz2tB3f1VYviTs0LT1Jx3DuPUJXdqB8YyjVsc2OmzCCcar8/"/><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/AVvXsEgKPgx_nXu9tpzitMMehpS9-alWe66VVK_Nq0TJKe55zM6_82dGpPnQirwtfTFsjaKZAscl4f7qTG1nPJrqGCk5Ku5qu6R7PmAfjWbmoG97FYI3e6utgsaEP2VO_Ff-RT_OcW0R8iHZGw8/"/><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/AVvXsEiai0oc2hDoA5lqm1_Uwicit5Jrpi3dsET_X12zlQSgXJRYJXIquQ-BBdFzXqNZ6Ewe2tR4eI8sRr4QiOmdC4xb4R73Irk4r7cksoI6OEqrXjFK6cg8mjAZXrSFpXJ1yJd5vL5r-aVuDHc/"/><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/AVvXsEhAVlCcwREjcBr7RcyRKWVTBaU7gj4fKHTeZkNjH-Pv6MJG7u8UdvyhUp-xHf4VzyBO6aKMMS0ENrZDEWEiGq2FseaH29ZrPbQB2NrxCHM-pj0dKDBRZUMk53WSgbpAYC0BpMYoYNw-nGk/"/><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/AVvXsEicS8yU1Pz5XAM-mlBS169Eb2ery7RokkYOr2IiVGSoHHbkqzrz6uTracFnCHPcVGSev8wvPwjXsmgBCwHOm00tkBmGelD2VgoqtMfK2ufr2xkcepP8ewgkihg6ngq6r9_K59Vit7nirLs/"/><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/AVvXsEiogPFabNNBK0V3CKfv0-sOtIU7s5cJOT0BkqeSgw6K0Em8iUvmXkALEISYaPbSD0ogj2KTetzuhAmVa-u8vQ6vQMiG5s9gvfKYozbdgK9owvbi8Mlu8vQ3QB5Yg0grcZ995UpQBCFBmaM/"/><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/AVvXsEi3l6_Yx5ionuU3zQV84SNxVzoJQgxPVGrka2JEiWfBimd7Fo0CvswuTCZnbup3loMKx5k_8tGB9ermRPa3cjMzItYhCrAQLsDsD-jqyoztJnsslqFPz3nOTfoNUz7lx1O69CXratq94V4/"/><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/AVvXsEgoRVM3VArTUlMHFA4nGTMs2kYrnMRqXaUPRaaTPM050y_42cA8mAE_hgUcwXO0S9cJ3fBHz6kWMJzwF26ZqM_yZS_wXZ31e6ygI1JFCfTcf2INrZ5hZwLH0aLkBuYsWgSVsc8ezb_-urc/"/><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/AVvXsEikaScvlCAkjVLhyphenhyphen2TP0X118K46uVuAu_lz-2sP97_pi-rSY4PumL_hUKvBonYirkXkouv7wLlFN6Oh8c93d0JDNdhtk53da9pFFuaGCNa_e_d6wWl4KvSthU9stNFZpTaEXLj0UgQFJuE/"/><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/AVvXsEjZRiFkgfTTqrJvUgPeEcMhwhq6cLPPRp-B9sgdXqniZ_QBfdKK2v_INhhAoZS6KQ2LPppGzR2Z8AXzF9SQFVBpa3WOwK4eNfraKH_k3BB08JmOTjcrxCQiCPG5qTkSAzmhCmDiO3gOzDw/"/><a href="javascript:popUp('http://service.thesaigontimes.vn/atm/tracuuatm.aspx')">Điểm đặt ATM</a></li>
    </ul></td></tr></table>

About Con Đường Thẳng

Introducing the Vacation Collection — Up to 50% Off