Tạo Hộp thông báo có núm Tắt

-Code Tạo hộp Thông báo đặt góc dưới bên phải, có Nút tắt (off button). Vị trí, kích thước, màu sắc có thể tùy chỉnh.
-Code còn Link đến địa chỉ Email. Hộp popUp trong code này chưa có. Nếu blog đã có thì thôi, còn không thì copy code popUp vào một tiện ích nào cũng đươc.

<!—hop-thong-bao--> <script type="text/javascript"> var ns4=document.layers var ie4=document.all var ns6=document.getElementById&&!document.all var dragswitch=0 var nsx var nsy var nstemp function drag_dropns(name){ if (!ns4) return temp=eval(name) temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP) temp.onmousedown=gons temp.onmousemove=dragns temp.onmouseup=stopns } function gons(e){ temp.captureEvents(Event.MOUSEMOVE) nsx=e.x nsy=e.y } function dragns(e){ if (dragswitch==1){ temp.moveBy(e.x-nsx,e.y-nsy) return false } } function stopns(){ temp.releaseEvents(Event.MOUSEMOVE) } function drag_drop(e){ if (ie4&&dragapproved){ crossobj.style.left=tempx+event.clientX-offsetx crossobj.style.top=tempy+event.clientY-offsety return false } else if (ns6&&dragapproved){ crossobj.style.left=tempx+e.clientX-offsetx+"px" crossobj.style.top=tempy+e.clientY-offsety+"px" return false } } function initializedrag(e){ crossobj=ns6? document.getElementById("showimage") : document.all.showimage var firedobj=ns6? e.target : event.srcElement var topelement=ns6? "html" : document.compatMode && document.compatMode!="BackCompat"? "documentElement" : "body" while (firedobj.tagName!=topelement.toUpperCase() && firedobj.id!="dragbar"){ firedobj=ns6? firedobj.parentNode : firedobj.parentElement } if (firedobj.id=="dragbar"){ offsetx=ie4? event.clientX : e.clientX offsety=ie4? event.clientY : e.clientY tempx=parseInt(crossobj.style.left) tempy=parseInt(crossobj.style.top) dragapproved=true document.onmousemove=drag_drop } } document.onmouseup=new Function("dragapproved=false") function hidebox(){ crossobj=ns6? document.getElementById("showimage") : document.all.showimage if (ie4||ns6) crossobj.style.visibility="hidden" else if (ns4) document.showimage.visibility="hide" } </script> <br /> <div id="showimage" style="position: absolute; right: 5px; top: 500px; width: 300px;"> <table bgcolor=" #00CC00" cellpadding="0" cellspacing="0" style="border: 5px solid rgb(255, 20, 147); text-align: justify; width: 300px;"><tbody> <tr><td width="100%"><table border="0" cellpadding="0" cellspacing="0" style="height: 30px; width: 100%px;"><tbody> <tr><td id="dragbar" onmousedown="initializedrag(event)" style="cursor: hand; cursor: pointer;" width="100%"><center style="text-align: left;"> <a href="http://www.blogger.com/blogger.g?blogID=6164235713151683412" onclick="hidebox();return false" style="clear: right; float: right; margin-bottom: 0px; margin-left: 1px; margin-top: 3px;"><img border="1" height="18px" src="http://icons.iconarchive.com/icons/deleket/sleek-xp-software/16/Windows-Close-Program-icon.png" width="18px" /></a> <span style="color: white; font-family: Verdana; margin-top: 0px;"><div style="text-align: center;"> <strong style="background-color: transparent; font-size: 18px;">GHI TIÊU ĐỀ</strong></div> </span></center> </td><td style="cursor: hand;"><br /></td></tr> <tr><td bgcolor="#ADFF2F " colspan="2" style="padding: 4px;" width="100%"><div style="text-align: justify;"> <a href="javascript:popUp('//docs.google.com/spreadsheet/embeddedform?formkey=dGVfblFPLXpHM01ZMHczUG9fS2owQ3c6MQ')" imageanchor="1" style="clear: left; float: left; margin-bottom: 0px; margin-right: 2px;"><img border="0" src="http://3.bp.blogspot.com/-SwapfpkrMSg/T3a0-Yr5u4I/AAAAAAAAAJ4/QtP9PKRvsQA/s80/Uyen40.jpg" title="LIÊN HỆ EMAIL NGUYỄN HỮU UYẾN" /></a><span style="background-color: transparent; color: blue;"> HÃY GHI NỘI DUNG THÔNG BÁO VÀO ĐÂY. HÃY GHI NỘI DUNG THÔNG BÁO VÀO ĐÂY. </span></div> </td> </tr> </tbody></table> </td> </tr> </tbody></table> </div> </!—hop-thong-bao-->
 -Có thể tạm copy code này vào Bài đăng ở cửa sổ HTML, sau đó trở về cửa sổ Viết có thể sửa trực tiếp được phần Viết chữ Nội dung thông báo. Hoặc có thể chèn ảnh trực tiếp vào cũng được.