SẮM "GÓC TIỆN ÍCH" CHO BLOGSPOT

Posted by chiasedamme on Wednesday, April 4, 2012

Trước đây, tôi có chia sẻ với các bạn code để làm "Góc giải trí cho blogspot" (xem TẠI ĐÂY). Bạn cũng có thể sắm thêm "Góc tiện ích cần thiết" cho Blogspot với đoạn code tôi sắp trình bày trong bài.
Ngoài việc trang trí cho blog thêm đẹp, "Góc tiện ích" này còn giúp bạn theo dõi các thông tin cần thiết như: Giá vàng, Tỉ  giá ngoại tệ, dự báo thời tiết, lịch âm dương...
Những thông tin này sẽ di chuyển từ dưới lên và sẽ ngừng lại khi bạn rê chuột vào, khi bấm chuột bất kỳ một thông tin thì trên blog của bạn sẽ có một bảng nhỏ xuất hiện để tiện cho bạn xem được thông tin đó và không cần rời khỏi trang blog của mình.

Bạn xem hình minh hoạ:


Bạn bấm vào "xem thử" phía dưới để trải nghiệm nha:




Xem thử


Rất đơn giản, bạn chỉ cần đăng nhập vào Blog > Chọn Thiết kế > Thêm HTML/Javacript rồi dán đoạn code phía dưới vào và bấm Lưu lại là xong.

<style type="text/css">
#itechconnect{margin:0; padding: 0; height:200px; overflow: auto; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2WvTZE4cIfa95rYdx5sRa753uNDd7V7k6Y_USMU0aqpv_3zRFrf_4K1tALUsA8WjxIrTo_oDj-55iTisi-hXys-fJwCnoWd2ZdXXFUo1Uh6OKQoj9wEzNgka1T5KhY8-7N9clpE5QfSg/s1600/0211_17559.gif) no-repeat bottom right; font-weight:bold}
#itechconnect p {margin:0; padding:2px 10px}
.favicon {width:25px; height:25px; margin-right:5px}
.connect {width:48px; height:48px; margin:5px 10px -15px 0}
</style>
<div id="itechconnect">
<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 = 200,top = 120');");
    }
    </script>
<marquee align='left' direction='up' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' height='195' width='100%'>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3gjqGZcIRfeRmKK4U7b5j_DwDuk3whwuMXHzC-aDDTTf2vLv6RxqlyaXU9O_yhuZ56a0EK2ep-O8cwlC_dg17otEVR_ttMleZaDNVimCBJcCi42vppHfTg7YWpRYjOdTcgoVLElbyTkI/s1600/Green-Dollar-icon.png" class="favicon" /><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/AVvXsEhJoIQ8IvKkZmudWSSbAslrF6vKKKZbrtCIHo1QIJQAGlD8DXjJh381FtJde-fEOvpU2_i5sYWEdl9fiD6Y7bb25aIWCkM9DP8i-dtAB15HLcdEPrRQJMRA4Xeq0vwFPoNb8usfSWP29K4/s1600/gold-bullion-icon.png" class="favicon" /><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/AVvXsEhul31m-jMfMT-K_Z0yIRm7SM3l-NGf9odUAqcMsJDGA9UOUhAOuuepQqiTL_QxdiFIAorrZGmad1zShP18M_J95jShnK_wfCUL1RM_mExuO8Ez2mkIGQ2Ly8XgBLL_IkTPAXEu0iMv1uA/s1600/telefono-icon.png" class="favicon" /><a href="javascript:popUp('http://www.muabanso1.vn/bancanbietchitiet.aspx?id=325')">Mã vùng điện thoại các tỉnh thành Việt Nam</a></li>

<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF_8TVYHZlPYY8Js_6Zx4mN2k0NAlh1G4DJdr2-j8Tp242ojuX0U7anKsnbEbzkOfStACiviP-Wm3NNExXkmyLXs2akYitcGswB5wg_upKKsikgAE1VsUg7mp__39XioH9mpIQZdapPNA/s1600/calendar2-icon.png" class="favicon" /><a href="javascript:popUp('http://thanhcavietnam.net/calendar/index.html')">Xem lịch âm dương</a></li>

<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi63Vsl7WeyYM62wu4fDcFzODgndElWG76n-ERBtscF6vPHITkCzpe6JiQfU1jDtszTHFEVNPt6g7oo7CbIOGXPylOIvV3RfqO7o0ugYKbVMqYhJmtsshi0iE_vYGTUD2BJtoUcR_vx9aA/s1600/agt-multimedia-icone-6366-128.png" class="favicon" /> <a href="javascript:popUp('http://vietbao.vn/vn/lich-chieu-phim/')">Lịch chiếu phim</a></li>

<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC0V4rFf9-6dCZoAupepFZM-mOkzTA2-XEeP0eCpPR_ikvRJxag92HztgA7xfOrqXSnDtAe-47xX9OA61vCXXcIop4exw7XSnm7qjv6geFr8USNX0tdojsO9NN5BY3OwaROqeMLxiUbI0/s1600/Apps-world-clock-icon.png" class="favicon" /><a href="javascript:popUp('http://www.timeanddate.com/worldclock/')">Giờ các quốc gia trên thế giới</a></li>

<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwYI-L7dlDhyu5evDiExGrv_8Q41vyJG7H3co8kxlChrL1mZVmlvY9n9GD9Hd3uncWgDj9pbe2XSnMFvwkM8-dSoRlUJknTZZcpu1iMBKfgKipTo11IWhO25yaz-83IFohc1HUCwymNtw/s1600/Aqua-Ball-Green-icon2.png" class="favicon" /><a href="javascript:popUp('http://www.xosotructiep.vn/')">Kết quả xổ số</a></li>

<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFB5psOQbVx80YD-9UCYeO6BMhvlu__qFU0JHaMuCrIJ5_0NLJH3HomDxgFK0Kr3uZJhOGlTvPZ5K4qvq11JcqnkoMLD6pQOiGPzXBvQsySjtUOugNUjy0OOxUTuEF9HlDUblIceoaDh4/s1600/Games-Soccer-icon.png" class="favicon" /><a href="javascript:popUp('http://bongdaplus.vn/home.bbd')">Lịch bóng đá</a></li>

<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdaZe9iMzbvB3zBXUr8P2qgIY5mPM-KblJ9cncZYUyRwYyoWy6j6NgcFQiOp_vpFyv3oBVtZgrQ2XcyZHBHTzQEl13MTpYFZT6UO_yUyh3sgil2mrdOB_giCDSZQR0LJNlkKeL1QhWg5o/s1600/Devices-video-television-icon.png" class="favicon" /><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/AVvXsEiDyDjMP8S6cgI2jqitjjKlavKKMlUkpKeRtYwAUJHZVYGvHeld76iRpKg6DgObqMbyvcBwR1i6DLWLLEoXtBeKHPFzNukBKcI7KaRqzj853sV_E8Tzsm-eeFtDrH82CS-mEsYGNVO3Pko/s1600/Sunny-Period-icon.png" class="favicon" /><a href="javascript:popUp('http://vov.vn/services/infopage.aspx?svc=weathers')">Dự báo thời tiết</a>

<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBakQBIItC4n2lGhFnzAcdK1Cn261VMm6IJ8IQ8M3XkaRmhZ6fEr7IjpuY-R4fEPLDgvHtXWBfXVzn2-2r7pps4D-IkpN7lYbM_E8q5IC9dtZXFWF9exIBFAylmq-hUzXJLG7xMgOrkAc/s1600/maps-icon.png" class="favicon" /><a href="javascript:popUp('http://www.diadiem.com/')">Tìm đường trên bản đồ</a></li>

<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_gJAyM42jRzZxEHYu6-KGormjfABdeVJH6rVLYKrXVNrVd4m4s6bPyWiYYkQI4fqa3lrQVSB2XT5SzRKFeE8MoNkd58YLMpX6AaGRiU7yb8MjgRKt0y8R3zI-iesRc6t_GAg5qic3wuM/s1600/Phone-icon.png" class="favicon" /><a href="javascript:popUp('http://www.countrycallingcodes.com/')">Mã vùng điện thoại các nước trên Thế Giới</a></li>

</li></marquee>
</div>


Bạn có thể thay thế ảnh nền bằng ảnh nền khác của bạn bằng cách thay link ảnh vào link màu đỏ ở trên code
Bây giờ, bạn trở vào Blog của mình sẽ thấy có một góc tiện ích cần thiết ở tại blog của mình...

Chúc các bạn vui!!!

▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀

{ 0 comments... read them below or add one }

Post a Comment