Tự tin làm mẹ: Sắm góc tiện ích cho blogger (mẫu 2)

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.

CODE

<style type="text/css">

#itechconnect{margin:0; padding: 0; height:200px; overflow: auto; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTOOnPTGth3UEvL2bTKqSl5obmzKadlCV3lWRjhvJvlL17772L4nFOS9ngLkSsJmCzg6fr3TY5mvApgAioY1uyyslKZ2KWlg14uIA4A2gEum6ZOttTv0KMk-o1khy8qvEuXXnAvslav3U/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/AVvXsEhQHiFwQwAzSNCpY9uApMC9kEDSArtvtsZF5rLnA1BVaRFJHgI2tUzH7stpdp8AU9-iGUP0OH48jv7P9-qFjYdl7vgUU4Rk0vHVHQEtfiGuqqZIxIQUFWT5CvMGSerHl49N6p-Bg7629MU/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/AVvXsEi90nus5gC0tZkQa4eTsF1jvgtYA18rQmxzIvkPNB8xfNgIFPWhYDVCZSBROrFjb7AB4BsLFNWm2t3XZZJ-la7R3XXmWiicdKZWdZqO-9qEkcp_E-QIpgehsQw1kRs1TLuNErWx1X43jNE/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/AVvXsEhPR2I_zs056UsdjBDOmzK9LEYE2jOLegJaPB4AH9piahFvYohbw4dvvfx2yRTrFjbB5Sh0Mt3lsBbida51CAr7VCRFN-ff9wqjtbGfglUvwQI13jmzV1Z2VWdg9z38TZx03NXW4VQY8NA/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/AVvXsEgRLFyxp2I-YaJiP8_n-gvMfmmn4R08Wx5qTlEPM3x0K6E_CJASQDnE-OYX_7voatk7wOgTFvyaRSs4rE3jGbxGglthPCJgFFYJApItL2mxsboeOR7d2yDfZbpKa0nsJbO0408_WtOuISQ/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/AVvXsEjvvNpM6X151wUilDrdBABBQPo0cEdBTIyf-HEwwO9oR_SUZVWhvtMqjD4ftWNLWRCOrQihQ75rZGQRrpEHGD7aQxxlXkMD7oZS55PXrrDEP_ahN2qq5yi3EeBNNqMnkcxWH527cD9W7OY/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/AVvXsEjLm0wdCZfUPPCK8OL7eGvdoq8i9whtOgaiSL93FgUxXokKapfErbNBVfbTnHyEFPP7B7TCUnpws4sqU0bLwjWvxMOg_ZudcGZB8Hi1gYL4O3WoXAZM8f9NHKAZ1Woaocex3-PphkezREY/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/AVvXsEiTShkflseia5UH7FdswuXiX45CPa97_OGCjgHKPfUm07OLvqFmPT4yYbS1nta0zkIVqVDBRh8QTroVbAzBQJoaBqkqyGplJxUcJCDzKjmcEOgvkK2o_m5rLUPL1qPt2a3lQn8SRaXH2NY/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/AVvXsEiO5S7W0FhIL7ya1ZlScD-oNiQGsdsQUooj76qeJ4bzKqkPg-0sftLxfkssTG0KH5cH7iH7gCxAj6bw9l-mbEl425-yVkAmLhYx7QtQiL-jZ2Mis8Cq3wzeLahojef7wX4a_o2PFqaidsA/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/AVvXsEjHgI-JVcZ1BFjAIA9Os0-iO1J3YGWOh_yye0NAuMNcxVv6v4-sUiiJOmbfEifIg_DZadKiJB9m2-OtVrrZ7zxNdUMPJ-uJuxD-p0l9u-BqOuPPKw5E0J8UviKq1dOGNnXs7F2i2PbeVA8/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/AVvXsEi9e5YOLhnk9Ox6LeKpM5fetaRzIsZmHYJxiCNwD87_jx-a_vikodhAfkhDhQ8ZgwNpN_qUF-1MIRhucPJq8OQyL6C09xJyuD5tUZi6ssZlJeM88d11-EFLnlbGj1z9ASg9IMXSo8ygGe8/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/AVvXsEiRNiE0V_UVwLPnsUwiqU1AbO8Wmf2URWurLtarxGEyBhSna1WoyzzJreMJLoF2OEYSsPyEQCheCcNjVnhapWOatJHt7B7BdC7WDKdt6GLnBaenk_TrqpEUjaYZIX-jmNvSzEDTQ-TtKHM/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/AVvXsEg6pMSGuVAMvo_ATzkiZaieH3-qo7AydaV11HJTJjo0YW06L4tXUgiH7vcIzDx2HDiPXV-04-fKkzrk24EEFAp7EFagxAfssILap8SZpVvrEzvc68w6n3KTFyiC_tM8UxGKwnEAGY9pblU/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>

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.

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!!!

Xem Thử: