Bảng thử mã HTML, JavaScript
50 Code hay cho Blog1. Code 99 bài Anh ngữ giao tiếp 2. Code biểu đồ giá vàng: <iframe src="http://www.sjc.com.vn/chart/mini.php" scrolling="No" width="100%" frameborder="0" height="158"> </iframe> 3. Code bài hát yêu thích: <iframe src="http://static.baihatyeuthich.vn/frontend/widgets/hot_music/vnexpress" height="200" width="300" frameborder="no" scrolling="no"></iframe> Hoặc: <iframe src="http://static.baihatyeuthich.vn/frontend/widgets/hot_music/vtc" height="370px" width="192px" frameborder="0" scrolling="no"></iframe>
4. Code bói số điện thoại: <embed type="application/x-shockwave-flash" src="http://www.vanmenh.com/flash/canhan/CaNhan-SDT.swf" allowscriptaccess="none" height="500" width="500"> 5. Code bướm bay: <embed allowScriptAccess="never" allowNetworking="internal" enableJavaScript="false" src="http://www.crazyprofile.com/butterfly/Butterfly.swf?nr=6&type1=0&type2=3&type3=1&type4=4&type5=5&type6=2" width=350 height=300 wmode="transparent"> 6. Code bản đồ du lịch: <iframe src="http://www.skydoor.net/gadget/travelmap/random?format=html&maptype=yes&zoom=yes" width="500" height="350"></iframe> 7. Code bể cá: <object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object> 8. Code bể cá cảnh: <embed src='http://www.crazyprofile.com/fish.swf' quality='high' wmode=Transparent allowScriptAccess="never" width='300' height='300' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'/></embed> 9. Code chia sẻ link zing.vn: <iframe src="http://link.apps.zing.vn/box/zhome?type=2" width="100%" frameborder="0" scrolling="no" id="box_link1" height="100%" style="height: 325px; margin-bottom:15px;"></iframe> 10. Code chơi đàn piano: <embed src="http://www.crazyprofile.com/Myspace_Toys/VirtualKeyboard.swf" width="400" height="300" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" ></embed> 11. Code chứng khoán VnExpress.net: <iframe id="ifrmChungKhoan" name="ifrmChungKhoan" height="170" width="100%" src="http://vnexpress.net/User/ck/hns/HNStockSmall.asp" noresize border=false frameborder=0 scrolling="no"></iframe> 12. Code cưới hỏi ngoisao.net: <iframe scrolling="no" height="200px" frameborder="0" width="300px" src="http://ngoisao.net/widget/wedding/box_cuoihoi.asp" vspace="0" hspace="0" marginheight="0" allowtransparency="true" marginwidth="0"></iframe> 14. Code download phần mềm: <embed type="application/x-shockwave-flash" allowscriptaccess= 15. Code dịch văn bản: <iframesrc ="http://bloggiaovienthaibinh.110mb.com/dichvanban/dich-van-ban.htm"width="500" height="450" frameborder="0" scrolling="auto"></iframe> 16. Code dự báo thời tiết: <iframe src="http://docuongbg.zxq.net/dubaothoitiet/dubaothoitiet.html" width="180" height="261" name="docuongbg" scrolling="no" border="0"frameborder="0"></iframe> 17. Code dự báo thời tiết vntime.vn: <iframe src="http://vntime.vn/demo/index.html" width="360px" height="216px" frameBorder="0" style="overflow:hidden;"></iframe> 18. Code dự đoán điểm thi đại học: <iframe src="http://nttp.org/dddt/test_form.htm" width="520"height="600" name="tn" scrolling="yes" border="0" frameborder= 19. Code em làm toán lớp 1: <iframe name="secondFrame" width="525px" height="460px" frameborder="0" scrolling="auto" src= "http://nttp.org/violet/tieuhoc/toanlop1.php"></iframe> 20. Code game ai là triệu phú phiên bản tiếng Anh: <embed src="http://www.crazyprofile.com/Myspace_Toys/Millionaire.swf" width="441" height="500" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" ></embed> 21. Code game ngoisao.net: <iframe scrolling="no" height="250px" frameborder="0" width="300px" src="http://ngoisao.net/widget/ns/NSWidget21.html" vspace="0" hspace="0" marginheight="0" allowtransparency="true" marginwidth="0"></iframe> 22. Code giá vàng: <iframe frameborder="0" height="226px" marginheight="0" marginwidth="0" scrolling="no" src="http://www.eximbank.com.vn/WebsiteExrate2012/Gold_vn_2012.aspx" width="700px"></iframe> 23. Code giá vàng trong nước: <iframe border="0" SRC="http://vip.giavang.net/data/aj2.php" width=100% height=400><br /> If you can see this, your browser doesn’t<br /> understand iframe. However, we’ll still<br /> <a href="hello.html">link</a><br /> you to the file.<br /> </iframe> 24. Code giải trí với girl: <embed src="http://www.crazyprofile.com/Myspace_Toys/tickle_girl.swf" width="441" height="500" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" ></embed> 25. Code gỡ rối ngoisao.net: <iframe scrolling="no" height="250px" frameborder="0" width="300px" src="http://ngoisao.net/widget/ns/NSWidget27.html" vspace="0" hspace="0" marginheight="0" allowtransparency="true" marginwidth="0"></iframe> 26. Code gửi thiệp điện tử: <iframe src="http://www.bijbo-ecards.com/bijbo/en/ecard/ecard/cli_apgy/ecard.swf" frameborder="0" scrolling="auto" width="100%" height="410" name="webcu"></iframe> 27. Code hỏi đáp pháp luật dantri.com.vn: <iframe src="http://comment.dantri.com.vn/DefaultHdpl.aspx" frameborder="0" marginheight="0" marginwidth="0" width="302px" height="350px" scrolling="no" ></iframe> 28. Code tạo cửa sổ hát karaoke Ziczac: <embed src="http://static.ziczac.vn/zz/karaoke.swf" quality="high" bgcolor="#FFFFFF" width="513" height="425" name="karaoke" align="middle" allowScriptAccess="sameDomain" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> 29. Code kiểm tra bảng mã màu:<iframesrc="http://ig.gmodules.com/gadgets/ifrview=home&url=http://colorchoosergadget.googlecode.com/svn/trunk/colorChooser.xml&nocache=0&up_paletteName=Color+Chooser&up_colors=F01818+111399+1D20F0+FFFFFF+FFFFFF+FFFFFF+FFFFFF+FFFFFF+FFFFFF+FFFFFF&lang=en&country=us&.lang=en&.country=us&synd=ig&mid=91&ifpctok=-2679100774437118161&exp_track_js=1&exp_ids=17259,22765&parent=http://www.google.com&refresh=3600&libs=core:core.io:core.iglegacy:authrefresh&is_signedin=1"id="remote_iframe_91"name="remote_iframe_91" style="border: 0pt none ; margin: 0pt; padding: 0pt; overflow: hidden; width: 190px; height: 220px;"onload="_ifr_ol(this)" frameborder="0" scrolling="no"></iframe> 30. Code kiểm tra code: <iframe frameborder="0" src="http://bloggiaovienthaibinh.110mb.com/tb/thucode.html"height="400" width="520"></iframe> Xem chi tiết 31. Code kiểm tra IQ: <embed type="application/x-shockwave-flash" allowscriptaccess="never" src="http://d.violet.vn/uploads/resources/599/iqtest.swf" width="100%" height="450" wmode="transparent"> 32. Code tạo kênh tin tức iTV.vn: <iframe width="100%" height="190px" scrolling="no" frameborder="0" src="http://kenhitv.vn/feednew/"> 33. Code xem kết quả bóng đá trực tuyến: <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" type="application/x-shockwave-flash" width="170px" height="423px" id="InsertWidget_949258d1-6dd5-4433-b60a-4f95b17bd2fe" align="middle"><param name="movie" value="http://widgetserver.com/syndication/flash/wrapper/InsertWidget.swf"/><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="menu" value="false" /><param name="flashvars" value="r=2&appId=949258d1-6dd5-4433-b60a-4f95b17bd2fe" /> <embed src="http://widgetserver.com/syndication/flash/wrapper/InsertWidget.swf" name="InsertWidget_949258d1-6dd5-4433-b60a-4f95b17bd2fe" width="170px" height="423px" quality="high" menu="false" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" align="middle" flashvars="r=2&appId=949258d1-6dd5-4433-b60a-4f95b17bd2fe" /></object> 34. Code kết quả xổ số: <iframe src='http://phienbancu.tuoitre.vn/tianyon/transweb/xoso.htm' width='100%' height='550px' style='margin-top:-50px;' scrolling='no' frameborder='0'></iframe> 35. Code tạo lịch phát sóng truyền hình: <iframe src="http://bongda.com.vn/truyenhinh.aspx" frameborder="1" width="170" height="250" scrolling="yes"></iframe> 36. Code lịch phát sóng truyền hình: <iframe src="http://bongda.com.vn/truyenhinh.aspx" frameborder="1" width="170" height="250" scrolling="yes"></iframe> 37. Code lời hay ý đẹp: <embed src="http://d.violet.vn/uploads/resources/603/loi_hay_y_dep_1.swf"width="180" height="240" type="application/x-shockwave-flash"wmode="transparent" allowscriptaccess="never"> 38. Code mua sắm ngoisao.net: <iframe src="http://muasam.ngoisao.net/nguoilaodong.html" style="width:300px;height:700px;overflow: hidden" frameborder="0"></iframe> 39. Code xem sách các môn học: <iframe src="http://docuong.webs.com/lienkettheomontranminhtho.htm"width="520" height="190" name="violet" scrolling="no" border="0"frameborder="0"></iframe> 40. Code những ca khúc song ca hay nhất: <iframe title="Tamtay music player" width="468" height="240" src="http://music.tamtay.vn/tool/embed/playlist/147510?width=460" frameborder="0"></iframe> 41. Code phim hoạt hình Tom và Jerry: <iframe name="secondFrame" width="525px" height="471px"frameborder="0" scrolling="auto" src="http://nttp.org/violet/tom_jerry.php"></iframe> 42. Code quà tặng cuộc sống: <iframe name="secondFrame" width="520px" height="470px"frameborder="0" scrolling="auto" src="http://user11.jabry.com/nguyendichlong/htm/qua tang cuoc song.htm"></iframe> 43. Code quảng cáo 123mua.vn: <iframe src="http://123.vn/widget?block=ZING" scrolling="no" width="300" height="435"></iframe> 44. Code quảng cáo vatgia.com: <iframe src="http://www.vatgia.com/ajax/cucre_iframe_2_product.php" frameborder="0" width="300" height="475" scrolling="no"></iframe> 45. Code rao vặt VnExpress.net: <iframe id="frm_IO_SH" marginwidth="0" allowtransparency="true"marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" width="180px" height="450px" src="http://raovat.vnexpress.net/widget/cuoi.html"></iframe> 46. Code sách danh ngôn: <embed src="http://d.violet.vn/uploads/resources/599/danh_ngon.swf "width="520" height="250" type="application/x-shockwave-flash"wmode="transparent" allowscriptaccess="never"> 47. Code thi trắc nghiệm cân não: <embed src="http://www.cannao.com/dautri/game.swf" width="100%" height="400" type="application/x-shockwave-flash" allowscriptaccess="none"> 48. Code thành ngữ tiếng Anh: <iframe src="http://nttp.org/idiom/index2.php" width="520" height="600" name="tn" scrolling="yes" border="0" frameborder="0"></iframe> 49. Code thông tin bóng đá: <iframe src="http://bongdapro.vn/broadcast.aspx" scrolling="no" frameborder="0" style="width:380px;height:470px;border:0px;padding:5px;"></iframe> 50. Code thông tin chi tiết trình duyệt: <a href="http://www.wieistmeineip.de/cometo/?en"><img src="http://www.wieistmeineip.de/ip-address/?size=468x60" border="0" width="468" height="60" alt="IP" /></a> |
I. CODE DÙNG TRONG CÁC BÀI VIẾT
1. Font, màu chữ, thụt vào đầu dòng (Dùng dòng 1 hay 2 đều như nhau) <span >Nội_dung</span> <span >Nội_dung</span> #339966 // Mã màu cho chữ 12pt Tahoma // Cỡ chữ và font chữ margin-left:12px // Số pixel (khoảng cách) chữ thụt vào đầu dòng. Có thể thay left bằng right cho chiều ngược lại 2. Canh giữa, canh phải <div >Nội_dung</div> center // Thay center = right cho canh phải 3. Định dạng chữ: Đậm, Ngiêng, Gạch chân, Gạch ngang chữ <b>Nội_dung_in_đậm</b> <i>Nội_dung_in_nghiêng</i> <u>Nội_dung_gạch_chân</u> <strike>Nội_dung_chữ_bị_gạch_ngang</strike> 4. Dấu chấm vô dòng con, đánh số đầu dòng Dấu chấm vô dòng con <ul> <li> Nội_dung1 </li> <li> Nội_dung2 </li> <li> Nội_dung3 </li> </ul> Đánh số đầu dòng <ol> <li> Nội_dung1 </li> <li> Nội_dung2 </li> <li> Nội_dung3 </li> </ol> 5. Bookmark đến một vị trí nhanh trong bài viết <a href="LINK_bài_viết#Tên_gán_cho_vị_trí ">Nội_dung</a> <a name="Tên_gán_cho_vị_trí ">Nội_dung</a> Lưu ý: Tên cách nhau không được dùng khoảng trắng mà phải dùng shift gạch. (VD: nhà_xinh) Tốt nhất không nên dùng chữ có dấu cho tên gán. Ví dụ: - Đến điểm A (<a href="LINK_bài_viết_cụ thể#Diem_A">Đến điểm A</a>) - ... - Điểm A (<a name="Diem_A">Điểm A</a>) Code trong ngoặc là chú thích cho ví dụ. Như vậy khi ta click chuột vào "Đến điểm A" thì lập tức lệnh sẽ đưa ta nhảy đến vị trí "Điểm A". 6. Chèn Flash vào bài viết (Chọn loại 1 hay 2 đều được) 1. <div ><embed wmode=Transparent pluginspage="http://www.macromedia.com/go/getflashplayer" src="LINK_FLASH" width="900" height="300" scale="" play="true" loop="true" menu="true"></embed></div> 2. <embed src="LINK_FLASH" bgcolor="#000000" allowscriptaccess="none" width="400" height="400"></embed> 7. Chèn hình ảnh (image) vào bài viết 1. Code đơn giản <img src="LINK_ẢNH" title="Ghi_chú" alt="Mô_tả"/> 2. Code mở rộng <img src="LINK_ẢNH" title="Ghi_chú" alt="Mô_tả" align="bottom" width="400" height="400"/> Ghi_chú // Khi rê chuột lên ảnh, sẽ hiện chú thích. Mô_tả // Khi rê chuột lên ảnh, sẽ hiện chú thích. Sử dụng hai lệnh này thì khi người dùng truy cập blog chọn không hiển thị ảnh thì sẽ hiện dòng chữ này thay cho ảnh đó. align="bottom" // Vị trí ảnh so với chữ. Có thể đổi thành middle(giữa) - top(trên) - bottom(dưới). Không dùng, để mặc định theo blog chọn sẵn thì xóa nó đi. 8. Chèn link liên kết vào bài viết <a href="LINK" target="blank">Tên_Link</a> target="blank" // Mở link liên kết trong một trang mới. Bỏ lệnh này thì trang mới sẽ được mở ngay tại trang đang dùng (nghĩa là trang đang dùng sẽ bị load qua trang link ta vừa click vào). Nếu người dùng có thói quen "Open new tab" thì lệnh này có hay không cũng không khác biệt. Ví dụ: - Dùng target="blank" - XEM - Không dùng target="blank" - XEM 9. Chèn ảnh chứa link <a href="LINK" target="blank"><img src="LINK_ẢNH"/></a> 10. Tạo button ẩn hiện nội dung <div> <div> <input value="Xem" 1"" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ẩn'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Xem'; }"> </div> <div> <div > NỘI_DUNG </div> </div> </div> Ví dụ: 11. Chèn nhạc vào bài viết <object name='hat' width=300 height=45> <embed 'application/x-mplayer2' pluginspage='http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/' controls='controlpanel' width=300 height=45 src='LINK_NHẠC' auto showstatusbar="0" ShowControls='true' loop='0' name='hat'></embed></object> LINK_NHẠC // Phải là link trực tiếp (VD: http://...bài_hát.mp3) loop='0' // Không lặp lại loop='1' // Lặp lại một lần loop='-1' // Lặp lại mãi mãi auto // Không tự play auto // Play ngay khi web tải xong 12. Chia 2 cột, 3 cột, 4 cột <table><tbody> <tr><td valign="top"><div > Nội_dung_cột_1 </div> </td><td valign="top"><div > Nội_dung_cột_2 </div> </td></tr> </tbody></table> Thêm cột thì thêm trên dòng </td></tr> đoạn code: </td><td valign="top"><div > Nội_dung_cột_n </div> 13. Viền khung một nội dung trong bài viết <div > NỘI_DUNG </div> #4F4F4F 1px solid // Lần lượt là: Mã màu - Độ dày đường viền - Loại đường viền. - solid ______________ - dashed ---------------- - dotted ...................... background:#eee // Nền khung width:400px // Bề rộng khung. Mặc định là sẽ rộng bằng khung bài viết (nếu bỏ lệnh này đi) 14. Chèn khung chứa code có thẻ "Select all" (Không cần mã hóa code) <form name="MyTextBoxForm"><input name="button" onclick="javascript:this.form.MyTextBox.focus();this.form.MyTextBox.select();" value="Select all"/> <textarea cols="59" name="MyTextBox" rows="18" wrap="on" >NỘI_DUNG_CODE</textarea> </form> cols="59" // Bề rộng khung chứa code rows="18" // Số dòng trong khung chứa code wrap="on" // Trong một dòng, chữ dài quá khung sẽ hiện thanh trượt kéo ngang qua wrap="off" // Nhiều dòng chữ quá số dòng khung quy định sẽ hiện thanh trượt kéo xuống Ví dụ: Đây là nội dung code không cần mã hóa. <br /> Lưu ý: Những hàng enter xuống dòng sẽ có thêm code </br> sau mỗi cuối câu. 15. Ảnh rõ hơn khi rê chuột vào 1. Ảnh có chứa link <a href="link_liên_kết" target="blank"> <img onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.6;this.filters.alpha.opacity=60" src="LINK_HÌNH"/> </a> 2. Ảnh không chứa link <img onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.6;this.filters.alpha.opacity=60" src="LINK_HÌNH"/> opacity=0.6 và opacity=60 // Ảnh mờ trước khi rê chuột vào. Lưu ý: Nếu thay đổi độ mờ thì phải thay đổi cả 4 giá trị. Ví dụ: 16. Tạo hiệu ứng hiện ảnh khác khi rê chuột vào ảnh 1. Ảnh có chứa link <a href="link_liên_kết" target="blank"><img onmouseover="this.src='LINK_HÌNH_THAY_THẾ'" onmouseout="this.src='LINK_HÌNH'" src="LINK_HÌNH" ></a> 2. Ảnh không chứa link <img onmouseover="this.src='LINK_HÌNH_THAY_THẾ'" onmouseout="this.src='LINK_HÌNH'" src="LINK_HÌNH" > Ví dụ: 17. Tạo hiệu ứng khi rê chuột vào link liên kết <a href="LINK" target="blank" onmouseover="oldColor=this.style.backgroundColor;this.style.backgroundColor='#eee';" onmouseout="this.style.backgroundColor=oldColor;">NAME_LINK</a> LINK // Link liên kết #eee // Mã màu khi rê chuột lên NAME_LINK // Tên gán cho link liên kết Ví dụ: ü HOME PAGE 18. Chèn trang HTML vào bài viết (Chèn trang web vào bài viết) <iframe src="LINK_HTML" height="550" width="600" scrolling=yes frameborder="0"></iframe> scrolling=yes // Cho hiện thanh trượt, ngược lại không dùng thì sữa thành no frameborder="0" // Đường viền, 0 là không viền Ta có thể dùng lệnh này để chèn bất cứ trang nào dạng HTML (Ví dụ: http://abc.html) vào bài viết đều được hết :) Ví dụ: - Mình có link HTML là: Color Check - Sau khi chèn vào bài viết sẽ có kết quả thế này: XEM Hoặc xem ví dụ cụ thể dưới đây: ---------------------------~o-(^_^)-o~--------------------------- II. MỘT SỐ CODE CHÈN THÊM VÀO CÁC CLASS TRONG TEMPLATE 1. Các loại đường viền | border: 1px #ccc solid; Dashed - - - - - - - - - - - - - - - - - Solid _____________________ Dotted .................................. 2. Các kiểu định dạng chữ | text-decoration:none; none (Không định dạng) underline (Gạch đích) overline (Gạch trên đầu) line-through (Gạch ngang chữ) blink (Chớp chớp) inherit 3. Thêm các định dạng link vào class /*Link cố định*/ a:link { color:#3366ff; text-decoration:none; } /*Link đã xem qua*/ a:visited { color:#ccc; text-decoration:none; } /*Link khi rê chuột vào*/ a:hover { color:#339966; text-decoration:underline; } 4. Tạo bóng đổ và bo tròn 4 góc viền /*Tạo bóng đổ*/ box-shadow: 8px 8px 8px #616D7E; -webkit-box-shadow: 8px 8px 8px #616D7E; -moz-box-shadow: 8px 8px 8px #616D7E; /*Tạo bóng đổ 4 cạnh*/ box-shadow: 0px 0px 8px #616D7E; -webkit-box-shadow: 0px 0px 8px #616D7E; -moz-box-shadow: 0px 0px 8px #616D7E; /*Bo tròn 4 góc viền*/ border-radius:4px; /*Bo tròn tùy chọn: top, right, bottom, left*/ border-radius:4px 4px 4px 4px; 5. Các loại định dạng list | ... ul {list-style-type:none;} none: Không hiển thị đánh dấu disc: Chấm vuông circle: Chấm tròn trắng square: Chấm tròn đen decimal: Kiểu số (1,2,3,4,…) lower-alpha: Kiểu Alphabet ở dạng in thường (a, b, c, d, e, …) upper-alpha: Kiểu Alphabet ở dạng in hoa (A, B, C, D, E, …) lower-roman: Kiểu La Mã ở dạng thường (i, ii, iii, iv, v, …) upper-roman: Kiểu La Mã ở dạng in hoa (I, II, III, IV, V, …) /*Link hình thay cho list*/ list-style-image:url('Link_hình'); 6. Các vị trí đặt ảnh nền background | background: url(image) repeat ; repeat: lặp ảnh repeat-y: lặp ảnh theo chiều dọc (từ trên xuống) repeat-x: lặp ảnh theo bề ngang (từ trái qua) no-repeat: không lặp top: đặt ảnh trên mép cùng top right: đặt ảnh mép trên cùng góc phải top left: đặt ảnh mép trên cùng góc trái bottom: đặt ảnh mép dưới cùng bottom left: đặt ảnh mép dưới cùng góc trái bottom right: đặt ảnh mép dưới cùng góc phải right: đặt ảnh bên mép phải left: đặt ảnh bên mép trái center: đặt ảnh ở vị trí giữa ---------------------------~o-(^_^)-o~--------------------------- III. TỔNG HỢP 1. Code xem địa chỉ IP, thông tin của máy truy cập blog (Có thể post vào widget bất kỳ ở trên blog) <img src="http://www.wieistmeineip.de/ip-address"> 2. Cách mã hóa code Với ký tự < phải đổi thành < Với ký tự > phải đổi thành > Với ký tự & phải đổi thành & Với khoảng trắng phải đổi thành Để post các chú thích kí tự trên lên blog được thì: < phải đổi thành &lt; > phải đổi thành &gt; & phải đổi thành &amp; 3. Các lệnh điều kiện <b:if cond= ... </b:if> 1. Điều kiện ở trang chủ <b:if cond='data:blog.url == data:blog.homepageUrl'> ... </b:if> 2. Điều kiện ở trang bài viết <b:if cond='data:blog.pageType == "item"'> ... </b:if> 3. Điều kiện ở trang chủ, trang nhãn <b:if cond='data:blog.pageType == "index"'> ... </b:if> 4. Điều kiện ở các trang lưu trữ <b:if cond='data:blog.pageType == "archive"'> ... </b:if> 5. Điều kiện ở các trang tĩnh <b:if cond='data:blog.pageType == "static_page"'> ... </b:if> 6. Điều kiện ở một trang riêng biệt nào đó <b:if cond='data:blog.url == "URL_của_trang_riêng_biệt"'> ... </b:if> Nếu thay == thành != thì kết quả sẽ ngược lại - Nghĩa là sẽ loại trừ trang đặt điều kiện ra và lấy phần ngược lại (các trang còn lại) Ví dụ: Điều kiện loại trừ trang bài viết <b:if cond='data:blog.pageType != "item"'> ... </b:if> 4. Thêm chữ ký hay ghi chú dưới mỗi bài viết (Đặt dưới dòng <data:post.body/>) <!-- Lời ghi dưới mỗi bài viết --> <b:if cond='data:blog.pageType == "item"'> Nội_dung Nội_dung // Ghi chú nội dung của bạn, có thể dùng hình ảnh, màu chữ, canh lề,v.v.. 5. Script chèn file .js vào blog <script src='Link_File_JS' 'text/javascript'/> 6. Script chèn trực tiếp nội dung file .js vào blog <script 'text/javascript'> //<![CDATA[ Nội_dung_file_js //]]> </script> 7. Thêm nhanh khung hướng dẫn hay nội quy comment - Tìm đến thẻ <data:blogTeamBlogMessage/> - Đôi khi có tên là <data:blogCommentMessage/> - Thêm vào sau nó đoạn code sau: <!--Khung nội quy comment--> Nội dung nội quy comment của bạn <p></p> - Sau mỗi hàng phải thêm cặp thẻ <br></br> hoặc <br/> nếu muốn xuống dòng. - Có thể dùng các code trang trí cho khung như: hình ảnh, màu chữ, v.v.. |
Code trang trí
nền đen thảm bay
<DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src="http://imgfree.21cn.com/free/flash/30.swf" width="750" height="922" wmode="transparent" align="right"> </DIV> nền cam sao bay <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src="http://imgfree.21cn.com/free/flash/16.swf" width="750" height="922" wmode="transparent" align="right"> </DIV> nền đen sao bay <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src="http://imgfree.21cn.com/free/flash/4.swf" width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng nền đen lấp lánh <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src="http://imgfree.21cn.com/free/flash/3.swf" width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng nền đỏ lấp lánh <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src="http://imgfree.21cn.com/free/flash/1.swf" width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng bóng đĩa bay <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src="http://imgfree.21cn.com/free/flash/22.swf " width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng ánh kim cương <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src="http://imgfree.21cn.com/free/flash/100.swf " width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng trái tim trắng bay lên <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src="http://imgfree.21cn.com/free/flash/141.swf " width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng hoa rụng nền đen <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src="http://imgfree.21cn.com/free/flash/113.swf " width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng pháo hoa nền đen <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src="http://imgfree.21cn.com/free/flash/88.swf " width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng nền xanh tuyết <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src="http://imgfree.21cn.com/free/flash/82.swf " width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng cháy chuột <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src="http://imgfree.21cn.com/free/flash/81.swf " width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng nèn đen lấp lánh <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src="http://imgfree.21cn.com/free/flash/67.swf " width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng hai bàn tay <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src="http://imgfree.21cn.com/free/flash/66.swf " width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng pháo hoa đủ màu <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src="http://imgfree.21cn.com/free/flash/62.swf " width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng trái tim bay lên <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src="http://imgfree.21cn.com/free/flash/61.swf " width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng bong bóng cá bơi <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src="http://imgfree.21cn.com/free/flash/57.swf " width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng trái tim màu xanh <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src="http://imgfree.21cn.com/free/flash/54.swf" width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng lá vàng bay <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src="http://imgfree.21cn.com/free/flash/52.swf" width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng chuồn chuồn bay <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src="http://imgfree.21cn.com/free/flash/51.swf" width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng xao bay <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src="http://imgfree.21cn.com/free/flash/35.swf" width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng hoa bay <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src="http://imgfree.21cn.com/free/flash/33.swf" width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng Kiến bò <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src="http://imgfree.21cn.com/free/flash/25.swf " width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng tuyết bay <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src="http://imgfree.21cn.com/free/flash/21.swf " width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng xao kim <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src="http://imgfree.21cn.com/free/flash/21.swf " width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ưng chuột <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src=" http://imgfree.21cn.com/free/flash/14.swf " width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng trời mưa <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src=" http://imgfree.21cn.com/free/flash/6.swf " width="750" height="922" wmode="transparent" align="right"> </DIV> hiệu ứng ếch trời mưa <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src=" http://imgfree.21cn.com/free/flash/8.swf " width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng 3 Ngôi Sao <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src=" http://www.freewebs.com/0974185330/3ngoisao.swf" width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng Bồ Câu Bay <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 1500; POSITION: absolute; TOP: 0; HEIGHT: 1000"> <embed src=" http://www.geocities.jp/nhacnen_loithinhcau4/bocaubay.swf " width="700" height="1000" wmode="transparent" align="left"> </DIV> Hiệu ứng Bướm Bay Và Pháo Hoa <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 1500; POSITION: absolute; TOP: 0; HEIGHT: 1000"> <embed src=" http://www.geocities.jp/nhacnen_loithinhcau4/buombayvaphaohoa.swf " width="700" height="1000" wmode="transparent" align="left"> </DIV> Hiệu ứng Những Trái Bóng Đung Đưa <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src=" http://www.geocities.jp/nhacnen_loithinhcau4/nhungtraibong.swf" width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng Chòm Sao Sáng <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src=" http://www.geocities.jp/nhacnen_loithinhcau4/sao.swf" width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng Sao Thập Cẩm Đủ Màu <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src=" http://www.geocities.jp/nhacnen_loithinhcau4/SaoThapCamDuMau.swf" width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng Sao Rơi <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src=" http://www.geocities.jp/nhacnen_loithinhcau4/saroi.swf" width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng Tim Hồng Bay Lên <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 1500; POSITION: absolute; TOP: 0; HEIGHT: 1000"> <embed src=" http://www.geocities.jp/nhacnen_loithinhcau4/timhong.swf" width="700" height="1000" wmode="transparent" align="left"> </DIV> Hiệu ứng Bướm Trắng Bay <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src=" http://www.geocities.jp/nhacnen_loithinhcau4/BuomTrangBay.swf" width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng Cá Bơi Lội Tung Tăng <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src=" http://www.geocities.jp/nhacnen_loithinhcau4/caboiloi.swf" width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng Tuyết Rơi Và Sao Bay <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src=" http://www.geocities.jp/nhacnen_loithinhcau4/tuyetsao.swf" width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng Đôi Bướm Xanh Bay <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src=" http://www.geocities.jp/nhacnen_loithinhcau4/buomxanh.swf" width="750" height="922" wmode="transparent" align="right"> </DIV> Hiệu ứng Dàn Sao Đung Đưa <DIV id="Layer1" "Z-INDEX: 1; LEFT: 0; WIDTH: 700; POSITION: absolute; TOP: 0; HEIGHT: 622"> <embed src=" http://www.geocities.jp/nhacnen_loithinhcau4/saodungdua.swf" width="750" height="922" wmode="transparent" align="right"> CÁC MẪU ĐỒNG HỒ LỊCH ĐẸP
Code: <embed AllowScriptAccess='never' src="http://i1019.photobucket.com/albums/af317/max4downloadcom/photobutket.swf?link=LINKFLASH " width="150" height="200" wmode="transparent"></embed></p> Bạn có thể thay chiều rộng và chiều cao cho phù hợp LINKFLASH1. http://img185.imageshack.us/img185/8258/972mc6.swf2. http://img337.imageshack.us/img337/2249/8286bz5.swf 3. http://img360.imageshack.us/img360/2381/8231fl5.swf 4. http://img360.imageshack.us/img360/3240/8232wn5.swf 5. http://img352.imageshack.us/img352/118/8233sh2.swf 6. http://img232.imageshack.us/img232/3475/9186yv7.swf 7. http://img98.imageshack.us/img98/8546/9184ml8.swf 8. http://img98.imageshack.us/img98/1747/9183xz2.swf 9. http://img98.imageshack.us/img98/4223/9182cp7.swf 10. http://img187.imageshack.us/img187/5117/9181jb1.swf 11. http://img399.imageshack.us/img399/7381/s100278.swf 12. http://img377.imageshack.us/img377/7043/rfurimp0.swf 13. http://img79.imageshack.us/img79/4235/rhahaqv4.swf 14. http://img193.imageshack.us/img193/6030/613.swf 15. http://img196.imageshack.us/img196/5128/tokei02.swf 16. http://img248.imageshack.us/img248/5...terialleft.swf 17. http://img191.imageshack.us/img191/62/612.swf 18. http://img39.imageshack.us/img39/5717/518.swf 19. http://img13.imageshack.us/img13/208/4201.swf 20. http://img22.imageshack.us/img22/2690/orange.swf 21. http://img2.imageshack.us/img2/5830/agehawpc.swf 22. http://img22.imageshack.us/img22/2690/orange.swf 23. http://img6.imageshack.us/img6/6519/4172.swf 24. http://img50.imageshack.us/img50/1084/widget110.swf 25. http://img523.imageshack.us/img523/7701/rboke.swf 26. http://img9.imageshack.us/img9/9687/072.swf 27. http://img693.imageshack.us/img693/1258/xmas.swf 28. http://img19.imageshack.us/img19/3262/067.swf 29. http://img40.imageshack.us/img40/7581/51812.swf 30. http://img193.imageshack.us/img193/4482/010.swf tuyển chọn những code hay cho wap,webmaster ,các bạn coppy và dán vào wapsite riêng của mình tên code : Script banner quảng cáo trượt 2 bên website mô tả : khi bạn sủ dụng sẽ có được thanh trượt quảng cáo như http://zing.vn/ sử dụng tài liệu từ: hoàng tử chợt khóc code wap 2 tên code : iFrame chơi game flash trong popup từ Socvui.com mô tả : + Nhiều game được bổ xung. + Giao diện nền & font chữ dễ nhìn hơn. + Bổ xung vạch phân cách (Theo yêu cầu của các bạn). sử dụng tài liệu từ: hoàng tử chợt khóc code wap 3 tên code : Script hiệu ứng load hình ảnh lần lượt từ trên xuống mô tả : + Code giúp hình ảnh trong website của bạn load từ từ theo thứ tự từ trên xuống. Thích hợp cho các website truyện tranh online. sử dụng tài liệu từ: hoàng tử chợt khóc code wap 4 tên code : Widget dịch ngôn ngữ toàn website bằng công nghệ Switch Language mô tả : + dịch trực tiếp 5 ngôn ngữ thông dụng thay phiên mà không cần rời khỏi website. sử dụng tài liệu từ: hoàng tử chợt khóc code wap 5 tên code : Script biến page website thành web nhạc trực tuyến từ Nhacf.com mô tả :Script tích hợp hệ thống web nhạc Việt "khủng" từ Nhacf.com. tác giả : suu tap Chú ý thành phần in đậm để thay logo được nhúng khi phát nhạc. code wap 6 tên code : Script hiệu ứng mây bay ẩn dưới nền web mô tả : Hiệu ứng rất đẹp & lãng mạn có thể dùng cho tất cả website do chạy ẩn dưới nền web. Không ảnh hưỡng hay che khuất các thành phần khác của giao diện. tác giả : sưu tập code wap 7 tên code : Widget nhạc cố định góc màn hình & trượt ra khi click mô tả : Giúp widget cần thiết luôn xuất hiện trên màn hình & tiết kiệm vị trí website. tác giả : sưu tập code wap 8 tên code : Script ban IP - cấm một số (hoặc một chuổi) địa chỉ IP mô tả : Vô hiệu hóa tất cả các style của website khi gặp IP hoặc chuổi IP bị cấm. Danh sách chặn IP bị cấm được soạn bởi tác giả. tác giả : sưu tập code wap 9 tên code : Menu "Megaanchor" dạng nén cho mọi website mô tả : Menu giao diện dễ nhìn giúp tiết kiệm diện tích website bằng cách nén lại. tác giả : sưu tập code wap 10 tên code : Script tạo widget nhạc cho link liên kết đến mp3 từ Yahoo.com mô tả : Một sản phẩm MeidaPlayer tuyệt vời của Yahoo.com. tác giả : sưu tập |