<marquee style="color: #FF00FF; font-weight: bold" bgcolor="#F2FBFF"; direction= “left”>++ Chào mừng các bạn ghé thăm Blog của tôi ++ Mong các bạn góp ý để Blog ngày càng phát triển ++</marquee> <p align="center"><img border="0" width="24" src="thoitiet.gif" height="20"/><font size="2"><b>Thời tiết một số địa phương ở nước ta </b></font></p> <p align="center"> Nhiệt độ - Thời Gian - Độ ẩm </p> <hr color="#d49f9f" width="95%" size="1"/> <form action="--WEBBOT-SELF--" method="POST"> <!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.txt" S-Format="TEXT/CSV" S-Label-Fields="TRUE" --> <p align="center"><font size="2"><b>Hà Nội</b></font></p> <p align="center"> <img alt="Thời tiết một số vùng ở nước ta" width="127" src="http://banners.wunderground.com/banner/gizmotimetemp_both/language/english/glob al/stations/48820.gif" height="41"/></p> <p align="center"><font size="2"><b>Tp Hồ Chí Minh </b></font></p> <p align="center"><img alt="Thời tiết Tp Hồ Chí Minh" width="127" src="http://banners.wunderground.com/banner/gizmotimetemp_both/language/english/glob al/stations/48900.gif" height="41"/></p> <p align="center"><font size="2"><b>Huế</b></font></p> <p align="center"><img alt="Thời tiết Huế" width="127" src="http://banners.wunderground.com/banner/gizmotimetemp_both/language/english/glob al/stations/48852.gif" height="41"/></p> <p align="center"><font size="2"><b>Cà Mau</b></font></p> <p align="center"><img alt="Thời tiết Cà Mau" width="127" src="http://banners.wunderground.com/banner/gizmotimetemp_both/language/english/glob al/stations/48914.gif" height="41"/></p> <p align="center"><font size="2"><b>Nha Trang</b></font></p> <p align="center"><img alt="Thời tiết Nha Trang" width="127" src="http://banners.wunderground.com/banner/gizmotimetemp_both/language/english/glob al/stations/48877.gif" height="41"/></p> </form> o Nếu muốn bỏ đi phần dự báo của Huế thì bạn tìm và xóa đoạn mã tương ứng: <p align="center"><font size="2"><b>Huế</b></font></p> <p align="center"><img alt="Thời tiết Huế" width="127" src="http://banners.wunderground.com/banner/gizmotimetemp_both/language/english/glob al/stations/48852.gif" height="41"/></p> Du bao thoi tiet 7. Tạo ComboBox trên Blog: o Việc nhúng một ComboBox để liên kết nhanh tới các đối tượng khác nhau sẽ giúp bạn tiết kiệm được thời gian thiết kế và không gian hiển thị trên giao diện Blog, xem hình 7 Hình 7 o Mã nguồn: <SELECT onchange="if (this.value != '#') window.open(this.value, '_blank');" style="font- family: Arial; font-size: 8pt; height: 23; width: 123"> <OPTION selected value=#>Website Liên Kết</OPTION> <OPTION value=#>--- TIN TỨC ONLINE ---</OPTION> <OPTION value=http://www.vnexpress.net>Vn Express</OPTION> <OPTION value=http://www.tuoitre.com.vn>Báo Tuổi Trẻ</OPTION> <OPTION value=#>--- CNTT Việt nam ----</OPTION> <OPTION value=http://www.quantrimang.com>Quản trị mạng</OPTION> <OPTION value=http://www.diendantinhoc.com>Diễn đàn Tin Học</OPTION> <OPTION value=#>---Bộ máy tìm kiếm---</OPTION> <OPTION value=http://www.vinaseek.com>Vina Seek</OPTION> <OPTION value=http://www.google.com.vn>Google</OPTION> </SELECT> o Với đoạn Code này bạn cũng có thể Edit lại một cách thật dễ dàng. 8. Nhúng từ điển Anh - Việt vào Blog: o Với đoạn mã nguồn sau Blog của bạn sẽ được trang bị một quyển từ điển ANH - Việt hết sức chuyên nghiệp. <script src="http://bea.vn/course/blocks/dictionary_mc/clicksee.js"></script> <script language="javascript"> function doSearch(obj){ window.open("http://bea.vn/course/blocks/dictionary_mc/dic/search.php?dict=" + obj.dict.value + "&word=" + obj.word.value, "quickview", "status=0,toolbar=0,scrollbars=1,width=500,height=400,location=0"); return false; } </script> <form action="http://bea.vn/course/blocks/dictionary_mc/dic/search.php" style="margin:0px;" target="_blank" name="dictionary" onsubmit="return doSearch(this);" method="post"> <div style="padding-bottom:6px"> Dictionary: <br/> <select style="font-size: 11px; width: 130px;" name="dict"> <option selected="true" value="ev"/>English - Vietnamese <option value="ve"/>Vietnamese - English </select></div> <div> Enter word:<br/> <input style="font-size: 11px; width: 87px;" name="word" type="text"/> <input style="font-size: 11px;" value="Go" name="go" type="submit"/> </div> </form> <span style="font-size:90%; font-weight: bold;">© <a href="http://trandaiminhtri.blogspot.com/" target="_blank">Cftanhiep Groups 2009</a></span></p> o Từ điển Anh Việt hiển thị trên Blog, xem hình 8. Hình 8 9. Tự tạo hộp tìm kiếm thông tin trên Blog: o Mặc dù bạn có thể dễ dàng thêm vào Blog Gadget tìm kiếm của Google, tuy nhiên nếu tự tay thiết kế được một công cụ riêng về tìm kiếm thì điều đó sẽ thú vị hơn nhiều, xem hình 9. Hình 9 o Mã nguồn: <p align="left"> <form id="searchthis" action="http://trandaiminhtri.blogspot.com/search" style="display:inline;" method="get"> <strong>Search this site<br/></strong> <input id="b-query" maxlength="255" name="q" size="30" type="text"/> <input id="b-searchbtn" value="Search" type="submit"/> </form></p> 10. Nhúng bảng tỷ giá vàng vào Blog: o Mã nguồn: <iframe src="http://www.vietstock.com.vn/Transweb/giavang.htm" width="180" height="150" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe> o Hiển thị xem hình 10. Hình 10 11. Nhúng bảng tỷ giá ngoại tệ cho Blog: o Mã nguồn: <iframe src="http://www.vietstock.com.vn/Transweb/tygia.htm" width="180" height="240" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe> o Hiển thị xem hình 11. Hình 11 12. Nhúng lịch xem truyền hình Việt Nam vào Blog: o Mã nguồn: <iframe scrolling="yes" frameborder="1" width="240" src="http://bongda.com.vn/truyenhinh.aspx" height="300"></iframe> o Hiển thị xem hình 12. Hình 12 13. Nhúng cảnh đẹp Việt Nam vào Blog: o Hãy để cho khách viếng thăm cùng đi một tour du lịch Việt Nam cùng với Blog của bạn bằng mã nguồn sau. 1. Nhúng theo mặc định : <script src="http://www.skydoor.net/gadget/vietnamtravel/random?format=javascript" type="text/javascript"></script> 2. Có thể thay đổi kích thước : <script src="http://www.skydoor.net/gadget/vietnamtravel/random? format=javascript&width=300"></script> 3. Thêm các thông tin về tour du lịch : <script src="http://www.skydoor.net/gadget/vietnamtravel/random? format=javascript&width=300"&tour=3></script> 4. Thay đổi khoảng thời gian giữa hai bức ảnh : <script src="http://www.skydoor.net/gadget/vietnamtravel/random? format=javascript&width=300"&speed=2000></script> o Hiển thị xem hình 13. Hình 13 14. Tổng kết: Kết thúc phần 1 với 14 đoạn Code khác nhau dựa trên nền tảng nhúng HTML/JavaScript Blog của bạn đã trở nên đặc sắc và chuyên nghiệp hơn hẳn, hẹn gặp lại ở các các phần tiếp theo của loạt bài. Bài viết được tổng hợp từ nhiều nguồn thông tin Online (và kinh nghiệm phân tích của cá nhân) như http://thuthuatblogs.blogspot.com/, http://www.thuthuatblog.com/, http://www.quantrimang.com/, http://mangvn.org/, http://manguon.com/, http://www.vietstock.com.vn/, http://www.skydoor.net/, http://bongda.com.vn/. Xem hiển thị chi tiết các đoạn Code đã test tại http://trandaiminhtri.blogspot.com/, mọi thắc mắc xin gởi về trandaiminhtri2002@yahoo.com. <div id="divTopLeft" style="position: absolute; left: 10px; top: 15px; height: 478px;"> <script type=text/javascript> var widget_id =17326; var widget_width= "120"; var widget_height= "600";</script><a href="http://chodientu.vn" title="Tài trợ bởi Chợ Điện Tử - Ebay"></a><script type=text/javascript src="http://widget.adnet.vn/adnet_java.js"></script><script type=text/javascript>document.write('<iframe ALLOWTRANSPARENCY=true width="'+widget_width+'" height="'+widget_height+'" frameborder="0" scrolling="No" hspace="0" vspace="0" marginheight="0" marginwidth="0" src='+adnet_domain_name+'></iframe>'); </script></div> <div id="divTopRight" style="position: absolute"> <script type=text/javascript> var widget_id =17325; var widget_width= "120"; var widget_height= "600";</script><a href="http://chodientu.vn" title="Tài trợ bởi Chợ Điện Tử - Ebay"></a><script type=text/javascript src="http://widget.adnet.vn/adnet_java.js"></script><script type=text/javascript>document.write('<iframe ALLOWTRANSPARENCY=true width="'+widget_width+'" height="'+widget_height+'" frameborder="0" scrolling="No" hspace="0" vspace="0" marginheight="0" marginwidth="0" src='+adnet_domain_name+'></iframe>'); </script></div> <script type="text/javascript"> var copyright = 'kgt'; var ns = (navigator.appName.indexOf("Netscape") != -1); var d = document; var px = document.layers ? "" : "px"; function KGT_FloatDiv(id, sx, sy,cc) { var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id]; window[id + "_obj"] = el; if(d.layers)el.style=el; el.cx = el.sx = sx;el.cy = el.sy = sy; el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;}; el.init=false; el.flt=function() { var pX, pY; pX = (this.sx >= 0) ? 0 : ns ? innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth; pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop; if(this.sy<0) pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight; this.cx += (pX + this.sx - this.cx)/8;this.cy += (pY + this.sy - this.cy)/8; if(!this.init) { this.init=true; this.cx = pX+this.sx; this.cy = pY+this.sy; } this.sP(this.cx, this.cy); . http://thuthuatblogs.blogspot.com/, http://www.thuthuatblog.com/, http://www.quantrimang.com/, http://mangvn.org/, http://manguon.com/, http://www.vietstock.com.vn/, http://www.skydoor.net/,. hspace="0" vspace="0" marginheight="0" marginwidth="0" src='+adnet_domain_name+'></iframe>');