Bõm.vn: THÔNG BÁO

TẠO BẢNG THÔNG BÁO (Kiểu 10)

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi08Kn8uFHdpvg1p3nEqIxwmcKhnP-dHO4KM3l8RflWKI6vu9xCrPuZIVLHNIvLMdZt1UthXZt60OcutraxLa2gG7I-HSTmHOUyYKdjd0jgGtnMCLAz3Sh2SLvEC5SBsv_E4bzFnMPLJ6o/s1600/003.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="211" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi08Kn8uFHdpvg1p3nEqIxwmcKhnP-dHO4KM3l8RflWKI6vu9xCrPuZIVLHNIvLMdZt1UthXZt60OcutraxLa2gG7I-HSTmHOUyYKdjd0jgGtnMCLAz3Sh2SLvEC5SBsv_E4bzFnMPLJ6o/s320/003.jpg" width="320" /></a></div>Là một người quản trị Web/Blog chắc hẳn đôi lúc các bạn cũng muốn gởi những thông điệp hoặc những dòng thông báo cần thiết đến khách tham quan. Trước đây, tôi cũng đã chia sẻ cho các bạn một số mẫu thông báo (xem <a href="http://dunghennessy.blogspot.com/search/label/TH%C3%94NG%20B%C3%81O" target="_blank">T</a><a href="http://dunghennessy.blogspot.com/search/label/TH%C3%94NG%20B%C3%81O" target="_blank">ẠI </a><a href="http://dunghennessy.blogspot.com/search/label/TH%C3%94NG%20B%C3%81O" target="_blank">Đ</a><a href="http://dunghennessy.blogspot.com/search/label/TH%C3%94NG%20B%C3%81O" target="_blank">ÂY</a>).</div><div style="text-align: justify;">Hôm nay, tiếp tục dunghennessy chia sẻ đến các bạn thêm một mẫu thông báo nữa khá đẹp mắt.</div><div style="text-align: justify;">Điều đặc biệt ở thông báo này, ngoài những dòng chữ đơn thuần, các bạn còn có thể chèn những hình ảnh tĩnh hoặc động kèm theo link liên kết đến các trang mà bạn đã gắn liên kết (có thể dùng để quảng bá Web/blog hoặc sản phẩm nào đó khá tiện dụng...).</div><a name="more"></a>Mời các bạn bấm vào "Xem thử" phía dưới để thấy rõ hơn bảng thông báo (kiểu 10) này nha. <div style="text-align: justify;"></div> <center><a class="bttoolz" href="http://www.blogger.com/blogger.g?blogID=540010645683667993#" onclick="expandingWindow('http://dunghennessythunghiem.blogspot.com/2012/11/bang-thong-bao-kieu-10.html');return false">Xem thử</a></center> <div style="text-align: justify;">Rất đơn giản, các bạn chỉ cần đăng nhập vào Blog > Chọn Bố cục > Thêm tiện ích HTML (nếu chưa biết cách thêm tiện ích HTML/Javacript thì mời bạn xem <a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">T</a><a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">ẠI </a><a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">Đ</a><a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">ÂY</a>). Bạn copy đoạn code này dán vào hộp tiện ích HTML.</div><div style="text-align: justify;"></div> <div style="border: 10px solid orange; color: White; height: 400px; margin: 10px 0; overflow: auto; padding: 10px; text-align: left; width: 620px;"><div style="color: aqua; text-align: center;"> <style type="text/css"> #dropinboxv2cover{ width: 470px; /*Chiều rộng của bảng thông báo*/ height: 320px;  /*Chiều cao của bảng thông báo*/ position:absolute; z-index: 100; overflow:hidden; visibility: hidden; } #dropinboxv2{ border: 2px solid orange; /*Kích thước và màu của đường viền*/ background-color: Black; /*Màu nền của bảng thông báo*/ padding: 4px; position:absolute; left: 0; top: 0; } </style> <script type="text/javascript"> var dropboxleft=350 //Khoảng cách từ bên trái blog đến bảng thông báo var dropboxtop=100 //Khoảng cách tính từ trên blog đến bảng thông báo var dropspeed=15 //Tốc độ rơi của bảng thông báo(Số càng lớn tốc độ càng nhanh) //3) integer (ie: 5)- Finally, you can specify an integer to display the box randomly via a frequency of 1/integer... // For example, 2 would display the box about (1/2) 50% of the time the page loads. var displaymode="oncepersession" ///Đừng sửa đổi các dòng lệnh dưới đây!!!/////////// if (parseInt(displaymode)!=NaN) var random_num=Math.floor(Math.random()*displaymode) var ie=document.all var dom=document.getElementById function initboxv2(){ if (!dom&&!ie) return crossboxcover=(dom)?document.getElementById("dropinboxv2cover") : document.all.dropinboxv2cover crossbox=(dom)?document.getElementById("dropinboxv2"): document.all.dropinboxv2 scroll_top=(ie)? truebody().scrollTop : window.pageYOffset crossbox.height=crossbox.offsetHeight crossboxcover.style.height=parseInt(crossbox.height)+"px" crossbox.style.top=crossbox.height*(-1)+"px" crossboxcover.style.left=dropboxleft+"px" crossboxcover.style.top=dropboxtop+"px" crossboxcover.style.visibility=(dom||ie)? "visible" : "show" dropstart=setInterval("dropinv2()",50) } function dropinv2(){ scroll_top=(ie)? truebody().scrollTop : window.pageYOffset if (parseInt(crossbox.style.top)<0){ crossboxcover.style.top=scroll_top+dropboxtop+"px" crossbox.style.top=parseInt(crossbox.style.top)+dropspeed+"px" } else{ clearInterval(dropstart) crossbox.style.top=0 } } function dismissboxv2(){ if (window.dropstart) clearInterval(dropstart) crossboxcover.style.visibility="hidden" } function truebody(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function get_cookie(Name) { var search = Name + "=" var returnvalue = "" if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset) if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } if (displaymode=="oncepersession" && get_cookie("droppedinv2")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){ if (window.addEventListener) window.addEventListener("load", initboxv2, false) else if (window.attachEvent) window.attachEvent("onload", initboxv2) else if (document.getElementById || document.all) window.onload=initboxv2 if (displaymode=="oncepersession") document.cookie="droppedinv2=yes" } </script> <div id="dropinboxv2cover"> <div id="dropinboxv2"> <a href="http://dunghennessy.blogspot.com"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4I-UjHoKZGqhDJvdiOwX_qbEzjfaC4UrQ7QFwmTQo1aHagx10bBZucweXJflu2JlYMQ-MISKE6VvLTPYTwC7CBXXYtiTMupFPxC1_RsB3GdUbqO76F1Eo4r2gYO-zKDn0rr08CKsOJmeu/s1600/Warning.gif" width="300" height="50"/></a> Nội dung thông báo ghi ở đây Nội dung thông báo ghi ở đây <a href="Link liên kết"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMkoP1N7mn5kScT_Yn16FcEDhOpwdY-eSSuAKjpk9nhYMIAYrWoodhl7XcGsIWS4JbUPYa1q9WdL5LnyPgJCZ2DbzMqrWB5s6oYd3mu2oFXK2e3G1f26w2cnDhDWOxnvESWRvyiFK-5NCF/s1600/goodluck3.gif" /></a> <a href="#" onclick="dismissboxv2();return false"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnZUiaU4J3QZf5e2huuAjOi15O7kQh2Ctv2tvYXG4EVXlsi_8bv62KIhhtiiuWF2OVs-00OKpewDAwkGq0xqL1bBjydzjrDJGYp5kcKSaoOFO7IRZG8T1AQwOPyBxf9-w4JMnMnh8rzMNO/s1600/www.loogix.com_10934923.gif"/></a> </div> </div> </div></div><div style="text-align: justify;">Bây giờ bạn có thể thay đổi tuỳ ý của các dòng lệnh màu đỏ (có chú thích trên code) và dòng lệnh màu xanh, trong đó bao gồm: Link liên kết, link ảnh của chữ Warning, link ảnh của chữ Close...để phù hợp với bạn, cuối cùng bấm Lưu lại là xong. Lưu ý: Ở đoạn code trên là bảng thông báo chỉ xuất hiện một lần duy nhất, nếu bạn muốn bảng thông báo này đều xuất hiện ở mỗi lần load trang thì bạn thay dòng lệnh "oncepersession" (màu vàng) thành "always" và bấm Lưu lại là xong. </div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglJg4ruI2UWs35_L0LxEKoTaSyvhZVnR_2Ne1ugdkYaWGQGyW7NAFnwltJaIKPHzEteWXFMA4R2KJtg6ia8r7hGx2RecO80Kvs-gY5PyhA6oWJzNUxOV85Ta6pLEI2um7MQUNRNOEdAY4/s1600/syG7jB1344809653.gif" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglJg4ruI2UWs35_L0LxEKoTaSyvhZVnR_2Ne1ugdkYaWGQGyW7NAFnwltJaIKPHzEteWXFMA4R2KJtg6ia8r7hGx2RecO80Kvs-gY5PyhA6oWJzNUxOV85Ta6pLEI2um7MQUNRNOEdAY4/s1600/syG7jB1344809653.gif" /></a></div>

TẠO BẢNG THÔNG BÁO (Kiểu 10)

L à m ột ng ư ời qu ản tr ị Web/Blog ch ắc h ẳn đ ôi l úc c ác b ạn c ũng mu ốn g ởi nh ững th ông đ i ệp ho ặc n h ững d òng th ông b áo c ...

Đọc thêm »

BẢNG THÔNG BÁO (Kiểu 9)

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFaOpWDCEHcz8VXrAfRKL3rhZ1vbV8QpqNtUOiX9r_B2_bjPxY3ixO7aGU734a4WfjogwqMpxLAmDgOuRz1xVn8WPnV9ceh68-6w1J9_BfAhnNRKKZ568dmv5gXt_Uyw9uPq-tmsRfe7c/s1600/www.loogix.com_10606229.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFaOpWDCEHcz8VXrAfRKL3rhZ1vbV8QpqNtUOiX9r_B2_bjPxY3ixO7aGU734a4WfjogwqMpxLAmDgOuRz1xVn8WPnV9ceh68-6w1J9_BfAhnNRKKZ568dmv5gXt_Uyw9uPq-tmsRfe7c/s1600/www.loogix.com_10606229.gif" /></a></div>Với bảng thông báo kiểu 9 này, các thông điệp mà bạn muốn gởi đến bạn bè, khách tham quan sẽ được nằm trên một nền màu, nền màu này sẽ tự động lần lượt thay đổi màu theo thời gian do bạn định trước. Mời bạn bấm vào Xem thử phía dưới để trải nghiệm bảng thông báo  này. <a name="more"></a></div> <center><a class="bttoolz" href="http://dunghennessy5.blogspot.com/2012/07/bang-thong-bao-kieu-9.html" rel="nofollow" target="_blank">Xem thử</a></center> <div style="text-align: justify;"> Bạn chỉ cần đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML (đối với các bạn đang sử dụng giao diện blogspot mới thì đăng nhập vào Blog > Chọn Bố cục > Thêm tiện ích HTML) rồi dán đoạn code phía dưới vào.</div><div style="text-align: justify;"> </div><div class="csscode"> <center> <style> a.textcontentstyle{     /* Set the font-style of the text */     /* ATTENTION: background-color must be set within the script below */     font-family:Arial;     font-size:13pt; /* Kích thước của chữ */     color:#151B8D;     padding:5px;     text-decoration:none;     font-weight:bold;     color:#ffffff; /* Màu chữ */ } .textalignstyle{     /* Set the alignement of the text */     text-align:center;     /* Set the horizontal text-alignement (center or left or right) */     vertical-align:middle;     /* Set the vertical text-alignement (middle or top or bottom) */ } .textboxstyle{     /* Set the attributes for the text-box */     /* ATTENTION: width and height must be set within the script below */     border-style:solid;     border-width:1px;     border-color:white;     /* shadow and rounded corners for Firefox */     -moz-box-shadow: 5px 5px 8px #818181;     -moz-border-radius-topleft: 25px;     -moz-border-radius-bottomright: 25px;     /* shadow and rounded corners for Safari and Chrome */     -webkit-box-shadow: 5px 5px 8px #818181;     -webkit-border-top-left-radius: 25px;     -webkit-border-bottom-right-radius: 25px;     /* shadow and rounded corners for Opera */     box-shadow: 5px 5px 5px #818181;     border-top-left-radius: 25px;     border-bottom-right-radius: 25px; } </style>  <script> var message= [ /////////////////////////////////////////////////////////////////////// // START OF CONFIGURATION ZONE /////////////////////////////////////////////////////////////////////// // Set your messages and the corresponding links below // Add as many messages and links as you like { text : "Nhập nội dung vào đây", linkto : "http://dunghennessy.blogspot.com" /* Link liên kết */ }, // commra required { text : "Nhập nội dung vào đây", linkto : "#" }, // comma required { text : "Nhập nội dung vào đây", linkto : "#" }, // comma required { text : "Nhập nội dung vào đây", linkto : "#" } ] // Set the width of the textbox (pixels) var textboxwidth=675 /* Chiều rộng của bảng thông báo */ //Set the height of the textbox (pixels) var textboxheight=50 /* Chiều cao của bảng thông báo */ // Select the background-colors below // IMPORTANT 1: The script requires three colors at least // IMPORTANT 2: The last two colors must be the same as the font-color // IMPORTANT 3: The script requires hexadecimal-values! For instance: enter "#00FF00" instead of "Blue" var colors=new Array("#E45E9D","#2554C7","#FF0000","#52D017","#347C2C") /* Các mã màu của nền, bạn có thể thay đổi tuỳ thích */ // Set pause between colors (seconds) var pausebetweencolors=1 /* Thời gian tạm ngưng giữa 2 màu */ // Set speed (higher=slower) var speed=30 /* Tốc độ chuyển màu */ /////////////////////////////////////////////////////////////////////////// // CONFIGURATION ENDS HERE /////////////////////////////////////////////////////////////////////////// // do not edit code below this line var i_loopmax=1000 var pausesteps=30 var gradient_effect="horizontal" var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F') var redcol_1 var redcol_2 var redcol_1_b var redcol_2_b var greencol_1 var greencol_2 var greencol_1_b var greencol_2_b var bluecol_1 var bluecol_2 var bluecol_1_b var bluecol_2_b var rgbredfrom var rgbgreenfrom var rgbbluefrom var rgbredto var rgbgreento var rgbblueto var rgbrednow var rgbgreennow var rgbbluenow var rgbredfrom_b var rgbgreenfrom_b var rgbbluefrom_b var rgbredto_b var rgbgreento_b var rgbblueto_b var rgbrednow_b var rgbgreennow_b var rgbbluenow_b var colorhexafrom var colorhexato var i_step=1 var i_loop=0 var i_colorsA=0 var i_colorsB=1 var i_colorsC=1 var i_colorsD=2 var i_message=0 pausebetweencolors*=1000 var browserinfos=navigator.userAgent.toLowerCase(); var ie4=document.all&&!document.getElementById var ie5=document.all&&document.getElementById&&!browserinfos.match(/opera/) var opera=browserinfos.indexOf("opera")!=-1 var chrome=browserinfos.indexOf("chrome")!=-1 var ff36=browserinfos.indexOf("firefox/3.6") !=-1 || browserinfos.indexOf("firefox/.3.6") !=-1 || browserinfos.indexOf("firefox/0.3.6") || browserinfos.indexOf("firefox/3.7") !=-1 || browserinfos.indexOf("firefox/.3.7") !=-1 || browserinfos.indexOf("firefox/0.3.7") || browserinfos.indexOf("firefox/3.8") !=-1 || browserinfos.indexOf("firefox/.3.8") !=-1 || browserinfos.indexOf("firefox/0.3.8") || browserinfos.indexOf("firefox/3.9") !=-1 || browserinfos.indexOf("firefox/.3.9") !=-1 || browserinfos.indexOf("firefox/0.3.9") || browserinfos.indexOf("firefox/4") !=-1 || browserinfos.indexOf("firefox/.4") !=-1 || browserinfos.indexOf("firefox/0.4") !=-1; var ns4=document.layers var ns6=document.getElementById&&!document.all&&!browserinfos.match(/opera/) var browserok=ie4||ie5||ns4||ns6||opera||ff36||chrome function translateintorgb() {     var hexa=colors[i_colorsA]     var hexared=hexa.substring(1,3)     var hexagreen=hexa.substring(3,5)     var hexablue=hexa.substring(5,7)     rgbredfrom=parseInt("0x"+hexared)     rgbgreenfrom=parseInt("0x"+hexagreen)     rgbbluefrom=parseInt("0x"+hexablue)     rgbrednow=rgbredfrom     rgbgreennow=rgbgreenfrom     rgbbluenow=rgbbluefrom        var hexa=colors[i_colorsB]     var hexared=hexa.substring(1,3)     var hexagreen=hexa.substring(3,5)     var hexablue=hexa.substring(5,7)     rgbredto=parseInt("0x"+hexared)     rgbgreento=parseInt("0x"+hexagreen)     rgbblueto=parseInt("0x"+hexablue)        var hexa=colors[i_colorsC]     var hexared=hexa.substring(1,3)     var hexagreen=hexa.substring(3,5)     var hexablue=hexa.substring(5,7)     rgbredfrom_b=parseInt("0x"+hexared)     rgbgreenfrom_b=parseInt("0x"+hexagreen)     rgbbluefrom_b=parseInt("0x"+hexablue)     rgbrednow_b=rgbredfrom_b     rgbgreennow_b=rgbgreenfrom_b     rgbbluenow_b=rgbbluefrom_b        var hexa=colors[i_colorsD]     var hexared=hexa.substring(1,3)     var hexagreen=hexa.substring(3,5)     var hexablue=hexa.substring(5,7)     rgbredto_b=parseInt("0x"+hexared)     rgbgreento_b=parseInt("0x"+hexagreen)     rgbblueto_b=parseInt("0x"+hexablue)     i_colorsA++     i_colorsB++     i_colorsC++     i_colorsD++     if (i_colorsA>=colors.length) {i_colorsA=0}     if (i_colorsB>=colors.length) {i_colorsB=0}     if (i_colorsC>=colors.length) {     i_colorsC=0;     i_message++;     if (i_message >= message.length) {     i_message=0;     }     document.getElementById("textalign").innerHTML="<a href='"+message[i_message].linkto+"' id='textcontent' class='textcontentstyle'>"+message[i_message].text+"</a>"     }     if (i_colorsD>=colors.length) {i_colorsD=0}     changefromto() } function changefromto() {     rgbrednow=rgbrednow-((rgbredfrom-rgbredto)/speed)     rgbgreennow=rgbgreennow-((rgbgreenfrom-rgbgreento)/speed)     rgbbluenow=rgbbluenow-((rgbbluefrom-rgbblueto)/speed)        rgbrednow_b=rgbrednow_b-((rgbredfrom_b-rgbredto_b)/speed)     rgbgreennow_b=rgbgreennow_b-((rgbgreenfrom_b-rgbgreento_b)/speed)     rgbbluenow_b=rgbbluenow_b-((rgbbluefrom_b-rgbblueto_b)/speed)        if (rgbrednow>255) {rgbrednow=255}     if (rgbrednow<0) {rgbrednow=0}     if (rgbgreennow>255) {rgbgreennow=255}     if (rgbgreennow<0) {rgbgreennow=0}     if (rgbbluenow>255) {rgbbluenow=255}     if (rgbbluenow<0) {rgbbluenow=0}        if (rgbrednow_b>255) {rgbrednow_b=255}     if (rgbrednow_b<0) {rgbrednow_b=0}     if (rgbgreennow_b>255) {rgbgreennow_b=255}     if (rgbgreennow_b<0) {rgbgreennow_b=0}     if (rgbbluenow_b>255) {rgbbluenow_b=255}     if (rgbbluenow_b<0) {rgbbluenow_b=0}        if (i_step<=speed) {           redcol_1 = hexc[Math.floor(rgbrednow/16)];          redcol_2 = hexc[Math.floor(rgbrednow)%16];          greencol_1 = hexc[Math.floor(rgbgreennow/16)];           greencol_2 = hexc[Math.floor(rgbgreennow)%16];           bluecol_1 = hexc[Math.floor(rgbbluenow/16)];           bluecol_2 = hexc[Math.floor(rgbbluenow)%16];                redcol_1_b = hexc[Math.floor(rgbrednow_b/16)];          redcol_2_b = hexc[Math.floor(rgbrednow_b)%16];          greencol_1_b = hexc[Math.floor(rgbgreennow_b/16)];           greencol_2_b = hexc[Math.floor(rgbgreennow_b)%16];           bluecol_1_b = hexc[Math.floor(rgbbluenow_b/16)];           bluecol_2_b = hexc[Math.floor(rgbbluenow_b)%16];           var backcolor="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2         var backcolor_b="#"+redcol_1_b+redcol_2_b+greencol_1_b+greencol_2_b+bluecol_1_b+bluecol_2_b         if (ie5 && gradient_effect!="none") {             if (gradient_effect=="horizontal") {var gr_effect=1}             if (gradient_effect=="vertical") {var gr_effect=0}               document.getElementById("textbox").style.filter= "progid:DXImageTransform.Microsoft.Gradient(startColorstr="+backcolor+", endColorstr="+backcolor_b+", GradientType="+gr_effect+")"         }         else if ((ff36==1  || chrome==1)&& gradient_effect!="none") {               document.getElementById("textbox").style.background="-moz-linear-gradient(left, "+backcolor+","+backcolor_b+")"             document.getElementById("textbox").style.background="-webkit-gradient(linear, left center, right center, from("+backcolor+"),to("+backcolor_b+"))"         }         else {             document.getElementById("textbox").style.background=backcolor         }         i_step++         var timer=setTimeout("changefromto()",pausesteps);        }       else {           clearTimeout(timer)         i_step=1         i_loop++         if (i_loop<i_loopmax) {var timer=setTimeout("translateintorgb()",pausebetweencolors);}       } } document.write("<div id='textbox' class='textboxstyle' style='position:relative;width:"+textboxwidth+"px;height:"+textboxheight+"px;'>") document.write("<div style='position:absolute;left:0px;top:0px;width:"+textboxwidth+"px;height:"+textboxheight+"px;'><table width="+textboxwidth+" height="+textboxheight+"><tr><td id='textalign' class='textalignstyle'><a href='"+message[0].linkto+"' id='textcontent' class='textcontentstyle'>"+message[0].text+"</a> </td></tr></table></div>") document.write("</div>") if (browserok) {     window.onload=translateintorgb } </script></center> </div> <div style="text-align: justify;">Bây giờ, bạn cần thay đổi các dòng lệnh màu đỏ theo ý thích của mình, sau cùng bấm Lưu lại là xong. <div style="text-align: left;"> </div><div style="text-align: left;"> </div></div> <div style="text-align: justify;">Chúc các bạn thành công!!! </div><div style="text-align: justify;"> </div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGqvlF0N_dWoOcrhplgkTNskjZIZvXZ_45kLuEoU5jBm7pMBhJFE3bEhXqhsWpXCTn61wlPrzXDPRFOEhdsMKc1SUyoOGR_mrU1FuPy6x2F86kVK28ohZSVBMSK53qbDFT3PQ29p9IyNQ/s1600/SBhuyf1340331801.gif" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGqvlF0N_dWoOcrhplgkTNskjZIZvXZ_45kLuEoU5jBm7pMBhJFE3bEhXqhsWpXCTn61wlPrzXDPRFOEhdsMKc1SUyoOGR_mrU1FuPy6x2F86kVK28ohZSVBMSK53qbDFT3PQ29p9IyNQ/s1600/SBhuyf1340331801.gif" /></a></div> </div>

BẢNG THÔNG BÁO (Kiểu 9)

Với bảng thông báo kiểu 9 này, các thông điệp mà bạn muốn gởi đến bạn bè, khách tham quan sẽ được nằm trên một nền màu, nền màu này sẽ tự độ...

Đọc thêm »

BẢNG THÔNG BÁO (Kiểu 8)

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"></div></div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPK6NshyxMA_xA51ZfQAlwdXX1SUmWB_OBIlRXQxeaUsfIa0-BCITMQp9ELcsnrG42mLFp4OrXOsHp5UoMHfxCR1PU1ZPRrmndVTUw7xcZXlPB8iAGYtn779khDIu2ILK8ga0BL4J3EhQ/s1600/1.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="271" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPK6NshyxMA_xA51ZfQAlwdXX1SUmWB_OBIlRXQxeaUsfIa0-BCITMQp9ELcsnrG42mLFp4OrXOsHp5UoMHfxCR1PU1ZPRrmndVTUw7xcZXlPB8iAGYtn779khDIu2ILK8ga0BL4J3EhQ/s320/1.PNG" width="320" /></a></div>Với kiểu 8 này, bảng thông báo sẽ xuất hiện trong quá trình load trang, khi khách tham quan xem xong nội dung và bấm OK thì quá trình load trang sẽ tiếp tục. Điều đặc biệt là bảng thông báo này chỉ xuất hiện chỉ có một lần duy nhất, các lần load trang tiếp theo của blog sẽ không có bảng thông báo này để tránh "phiền hà" các lượt xem trang tiếp theo cho khách tham quan... Mời bạn bấm vào Xem thử phía dưới để thấy rõ bảng thông báo này. <a name="more"></a></div> <center><a class="bttoolz" href="http://dunghennessy5.blogspot.com/2012/05/0-offset-document.html" rel="nofollow" target="_blank">Xem thử</a></center> <div style="text-align: justify;"> Bạn chỉ cần đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML (đối với các bạn đang sử dụng giao diện blogspot mới thì đăng nhập vào Blog > Chọn Bố cục > Thêm tiện ích HTML) rồi dán đoạn code phía dưới vào.</div><div style="text-align: justify;"> </div><div class="csscode"> <script> //specify message to alert var alertmessage="Nhập nội dung thông báo vào đây" //Alert only once per browser session (0=no, 1=yes) var once_per_session=1 function get_cookie(Name) {   var search = Name + "="   var returnvalue = "";   if (document.cookie.length > 0) {     offset = document.cookie.indexOf(search)     if (offset != -1) { // if cookie exists       offset += search.length       // set index of beginning of value       end = document.cookie.indexOf(";", offset);       // set index of end of cookie value       if (end == -1)          end = document.cookie.length;       returnvalue=unescape(document.cookie.substring(offset, end))       }    }   return returnvalue; } function alertornot(){ if (get_cookie('alerted')==''){ loadalert() document.cookie="alerted=yes" } } function loadalert(){ alert(alertmessage) } if (once_per_session==0) loadalert() else alertornot() </script></div> <div style="text-align: justify;">Bây giờ, bạn cần thay đổi các dòng lệnh màu đỏ theo ý thích của mình, sau cùng bấm Lưu lại là xong. <div style="text-align: left;"> </div><div style="text-align: left;"> </div></div> <div style="text-align: justify;">Chúc các bạn thành công!!! </div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><h2 class="title" style="text-align: right;"> ▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀ </h2>

BẢNG THÔNG BÁO (Kiểu 8)

Với kiểu 8 này, bảng thông báo sẽ xuất hiện trong quá trình load trang, khi khách tham quan xem xong nội dung và bấm OK thì quá trình load t...

Đọc thêm »

BẢNG THÔNG BÁO (Kiểu 7)

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoJic7KoYCbC2PuvtyUsMk7Wt_JWIH4kL6tgtFY4GX86YVaoaES1NKAEvlumxTdNpZMeni89AHTzKrRj5IqFxHv5gtjxUIRb0fmCmaFRol1jJP1SvBG64Cp8tzqzYvhB5qkzyOMQfyLpM/s1600/picture.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoJic7KoYCbC2PuvtyUsMk7Wt_JWIH4kL6tgtFY4GX86YVaoaES1NKAEvlumxTdNpZMeni89AHTzKrRj5IqFxHv5gtjxUIRb0fmCmaFRol1jJP1SvBG64Cp8tzqzYvhB5qkzyOMQfyLpM/s320/picture.png" width="320" /></a></div>Với thủ thuật này các dòng thông báo của bạn sẽ xuất hiện khi trang blog của bạn vừa load xong và được nằm trên một khung có màu nền do bạn chọn. Đặc biệt hơn, bảng thông báo này được "dính cứng" ở trên đầu trang Blog cho dù bạn có kéo thanh trượt đến cuối chân blog bảng thông báo này vẫn xuất hiện.</div><div style="text-align: justify;">Nếu không muốn xem nữa, bạn có thể bấm vào nút đỏ ở góc phải để đóng thông báo lại. <a name="more"></a>Bạn bấm vào thẻ "Xem thử" phía dưới để xem trước bảng thông báo này. </div><center><a class="bttoolz" href="http://dunghennessy5.blogspot.com/2012/07/bang-thong-bao-kieu-7.html" rel="nofollow" target="_blank">Xem Thử</a></center> <div style="text-align: justify;">Chỉ cần bạn đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML (nếu đang sử dụng giao diện blogspot mới, các bạn đăng nhập vào Blog > Chọn bố cục > Thêm tiện ích HTML) rồi dán đoạn code phía dưới vào.</div> <div class="csscode"><style type="text/css"> #informationbar{ position: fixed; left: 0; width: 100%; text-indent: 5px; padding: 5px 0; background-color: darkgreen; border-bottom: 1px solid black; font: bold 12px Verdana; } * html #informationbar{ /*IE6 hack*/ position: absolute; width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px"); } </style> <script type="text/javascript"> function informationbar(){     this.displayfreq="always"     this.content='<a href="javascript:informationbar.close()"><img src="http://icons.iconarchive.com/icons/saki/nuoveXT/32/Actions-button-cancel-icon.png" style="width: 20px; height: 20px; float: right; border: 0; margin-right: 5px" /></a>' } informationbar.prototype.setContent=function(data){     this.content=this.content+data     document.write('<div id="informationbar" style="top: -500px">'+this.content+'</div>') } informationbar.prototype.animatetoview=function(){     var barinstance=this     if (parseInt(this.barref.style.top)<0){         this.barref.style.top=parseInt(this.barref.style.top)+5+"px"         setTimeout(function(){barinstance.animatetoview()}, 50)     }     else{         if (document.all && !window.XMLHttpRequest)         this.barref.style.setExpression("top", 'document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+"px" : body.scrollTop+"px"')     else         this.barref.style.top=0     } } informationbar.close=function(){     document.getElementById("informationbar").style.display="none"     if (this.displayfreq=="session")         document.cookie="infobarshown=1;path=/" } informationbar.prototype.setfrequency=function(type){     this.displayfreq=type } informationbar.prototype.initialize=function(){     if (this.displayfreq=="session" && document.cookie.indexOf("infobarshown")==-1 || this.displayfreq=="always"){         this.barref=document.getElementById("informationbar")         this.barheight=parseInt(this.barref.offsetHeight)         this.barref.style.top=this.barheight*(-1)+"px"         this.animatetoview()     } } window.onunload=function(){     this.barref=null } </script> <script type="text/javascript">  var infobar=new informationbar() infobar.setContent('Nhập nội dung thông báo tại đây') //infobar.setfrequency('session') //Uncomment this line to set information bar to only display once per browser session! infobar.initialize() </script> </div> <div style="text-align: justify;">Bây giờ, bạn có thể thay đổi các dòng lệnh màu xanh theo ý của mình, trong đó: darkgreen là màu nền của khung, 12px là kích cỡ của chữ, dòng lệnh màu đỏ là link ảnh của nút bấm màu đỏ (close) nằm ở góc phải của dòng thông báo. Cuối cùng bấm Lưu lại là xong.</div><div style="text-align: justify;">Chúc bạn thành công!!!</div><div style="text-align: justify;"> </div><h2 class="title" style="text-align: right;"> ▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀</h2>

BẢNG THÔNG BÁO (Kiểu 7)

Với thủ thuật này các dòng thông báo của bạn sẽ xuất hiện khi trang blog của bạn vừa load xong và được nằm trên một khung có màu nền do bạn ...

Đọc thêm »

BẢNG THÔNG BÁO CHO BLOG (Kiểu 6)

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkhhjuvhQ6ESWvDMMeOsrvLpMQasyPd-FwjA3AOK-ASw9SnFeaZVWPLCtroa_lYa8aSekHxulUt8HkpMWKKZqY9F1dN-Ultfpz04RcGRP7ZvwRTZxWpcYF3Be71BhjqcD64Fp_5hhetyo/s1600/picture.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkhhjuvhQ6ESWvDMMeOsrvLpMQasyPd-FwjA3AOK-ASw9SnFeaZVWPLCtroa_lYa8aSekHxulUt8HkpMWKKZqY9F1dN-Ultfpz04RcGRP7ZvwRTZxWpcYF3Be71BhjqcD64Fp_5hhetyo/s320/picture.png" width="320" /></a></div>Trước đây, tôi có chia sẻ với các bạn một số mẫu để làm Bảng Thông báo cho Web/Blog (Xem <a href="http://dunghennessy.blogspot.com/search/label/TH%C3%94NG%20B%C3%81O" target="_blank">TẠI ĐÂY</a>). Hôm nay, tôi chia sẻ thêm cho các bạn một mẫu Thông báo (kiểu 6). Với kiểu này, thì ở góc bên phải của bảng thông báo sẽ có nút tắt để đóng thông báo lại, đặc biệt hơn là bạn có thể bấm trái chuột vào tiêu đề của bảng thông báo để di chuyển bảng thông báo này đến bất cứ nơi nào bạn muốn trên Web/Blog. (Lưu ý thủ thuật này chỉ áp dụng thành công trên giao diện V2 được tải trên mạng về, không áp dụng cho giao diện mặc định của Blogspot.)</div><div style="text-align: justify;">Mời bạn bấm vào Xem thử phía dưới để trải nghiệm nha. <a name="more"></a></div> <center><a class="bttoolz" href="http://dungheineken8.blogspot.com/" rel="nofollow" target="_blank">Xem thử</a></center> <div style="text-align: justify;">Thủ thuật này cũng khá đơn giản, bạn chỉ cần đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML rồi dán đoạn code phía dưới vào.</div><div style="text-align: justify;"> </div><div class="csscode"><script type="text/javascript"> var ns4=document.layers var ie4=document.all var ns6=document.getElementById&&!document.all //drag drop function for NS 4//// ///////////////////////////////// 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) } //drag drop function for ie4+ and NS6//// ///////////////////////////////// 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") ////drag drop functions end here////// 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> <div id="showimage" style="position:absolute;width:250px;left:40px;top:110px"> <table border="0" width="400" bgcolor="#025E02" cellspacing="0" cellpadding="0">   <tr>     <td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0"     height="36px">       <tr>         <td id="dragbar" style="cursor:hand; cursor:pointer" width="100%" onmousedown="initializedrag(event)"><ilayer width="100%" onselectstart="return false"><layer width="100%" onmouseover="dragswitch=1;if (ns4) drag_dropns(showimage)" onmouseout="dragswitch=0"><center>        color="#FFFFFF"><medium>TIÊU ĐỀ THÔNG BÁO</medium></center></layer></ilayer></td>         <td style="cursor:hand"><a href="#" onclick="hidebox();return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggtmDPuUtfME2SP1r2Wnq_jKEaWsEmsDAgX3SfhvAhLQXIxnppu6L4Xdc20wsq7GNJmXj12pFZ0epeShn_jBbbQqDE3Ji5F2XOh6OedZEj1zaLDroglsKWALoeY3qIX4g79M9wSQZNDJk/s1600/Sign-Close-icon.png" width="20px"  height="20px" border="2" /></a></td>       </tr>       <tr>         <td width="100%" bgcolor="#FFF380" style="padding:4px" colspan="2"> BẠN NHẬP NỘI DUNG CỦA BẢNG THÔNG BÁO TẠI ĐÂY </td>       </tr>     </table>     </td>   </tr> </table> </div></div> <div style="text-align: justify;">Bây giờ, bạn cần thay đổi các dòng lệnh màu đỏ (bao gồm kích thước, màu nền, tiêu đề và nội dung của bảng thông báo), màu xanh (nơi bảng thông báo xuất hiện) để phù hợp với blog của bạn và bấm Lưu lại là xong.</div><div style="text-align: justify;"> </div> <div style="text-align: justify;"> </div><div style="text-align: justify;">Chúc các bạn thành công!!! </div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><h2 class="title" style="text-align: right;">▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀ </h2>

BẢNG THÔNG BÁO CHO BLOG (Kiểu 6)

Trước đây, tôi có chia sẻ với các bạn một số mẫu để làm Bảng Thông báo cho Web/Blog (Xem TẠI ĐÂY ). Hôm nay, tôi chia sẻ thêm cho các bạn mộ...

Đọc thêm »

TẠO BẢNG THÔNG BÁO (KIỂU 5)

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFLSbVxMheMQqwjs9si_B_NzZRSuPTYfKwF71cYavPvShNbR6Jb3ZmEf3qJY141HVl8XMn1YkIdq8Zsm_Xn9EcRGY6-vW8BiI68E0WmtjYpEaBeCTxB3nFLZGLD-dQLED5Kg41S41XC6c/s1600/1334115971.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFLSbVxMheMQqwjs9si_B_NzZRSuPTYfKwF71cYavPvShNbR6Jb3ZmEf3qJY141HVl8XMn1YkIdq8Zsm_Xn9EcRGY6-vW8BiI68E0WmtjYpEaBeCTxB3nFLZGLD-dQLED5Kg41S41XC6c/s1600/1334115971.png" /></a></div>Tiếp theo bảng thông báo kiểu 4 (xem <a href="http://dunghennessy.blogspot.com/2012/03/tao-bang-thong-bao-kieu-4.html" target="_blank">TẠI ĐÂY</a>), hôm nay mình sẽ giới thiệu tiếp với các bạn code để tạo bảng thông báo kiểu 5 dưới đây.</div><div style="text-align: justify;">Với thủ thuật này, thì các dòng chữ gởi đến khách tham quan sẽ được chạy từ bên trái của blog trông khá mướt. Các dòng chữ này các bạn có thể thay đổi thời gian "chạy" của nó, ngoài ra bạn còn có thể thay đổi Font chữ, kích cỡ chữ, thay đổi chiều rộng hoặc chiều cao của hộp thông báo đều được.</div><div style="text-align: justify;">Mời bạn bấm vào "xem thử" phía dưới để trải nghiệm trước thủ thuật này.</div><div style="text-align: justify;"> <a name="more"></a></div><div style="text-align: justify;"></div> <center><a class="bttoolz" href="http://dungheineken1.blogspot.com/" rel="nofollow" target="_blank">Xem thử</a></center> <div style="text-align: justify;">Bạn đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML rồi dán đoạn code phía dưới vào.</div><div style="text-align: justify;"> </div><div style="text-align: left;"><script language="JavaScript1.2"> var delay=3000 var scrollwidth="420px" var scrollheight="70px" var message=new Array() var openingtag='<font face="Arial" size=4>' message[0]='dunghennessy xin chào các bạn' message[1]='nhập nội dung vào đây' message[2]='nhập nội dung vào đây' message[3]='nhập nội dung vào đây'</div><div style="color: cyan; text-align: left;">//Muốn thêm dòng thông báo nữa thì copy đoạn code message phía trên dán vào tiếp tục và thay đổi số lần trong ngoặc móc là xong.</div><div style="text-align: left;"> var closingtag='' var hoffset=-10 </script> <ilayer width=&{scrollwidth}; height=&{scrollheight}; name="sslide"> <layer name="sslide2" width=&{scrollwidth}; height=&{scrollheight};></layer> </ilayer> <script language="JavaScript1.2"> var inc=1 var ns4=document.layers var ie5ns6=document.getElementById||document.all if (ie5ns6) document.write(openingtag+'<div id="flyin" style="position:relative;width:'+scrollwidth+';height:'+scrollheight+';">'+message[0]+'</div>'+closingtag) function updatemsg(){ crossobj.style.left="-2000px" crossobj.style.fontStyle="italic" crossobj.innerHTML=message[inc] crossobj.style.left=crossobj.offsetWidth*(-1)+hoffset+"px" start=setInterval("animatein()",50) inc=(inc<message.length-1)? inc+1 : 0 } function animatein(){ if (parseInt(crossobj.style.left)<0) crossobj.style.left=parseInt(crossobj.style.left)+20+"px" else{ crossobj.style.left=0+"px" crossobj.style.fontStyle="normal" clearInterval(start) } } function updatemsgns4(){ document.sslide.document.sslide2.document.write(openingtag+message[inc]+closingtag) document.sslide.document.sslide2.document.close() inc=(inc<message.length-1)? inc+1 : 0 } function initialize(){ if (ie5ns6){ crossobj=document.getElementById? document.getElementById("flyin") : document.all.flyin setInterval("updatemsg()",delay+1000) } else if (ns4){ document.sslide.document.sslide2.document.write(openingtag+message[0]+closingtag) document.sslide.document.sslide2.document.close() setInterval("updatemsgns4()",delay) } } window.onload=initialize </script></div><div style="text-align: justify;"> </div><div style="text-align: justify;">Bây giờ, bạn có thể thay đổi các dòng lệnh màu đỏ theo ý thích của mình, trong đó:</div><div style="text-align: justify;">Var delay: Tốc độ chạy của chữ (số càng cao chữ chạy càng chậm)</div><div style="text-align: justify;">Var scrollwidth: Chiều rộng của hộp thông báo.</div><div style="text-align: justify;">Var scrollheight: Chiều cao của hộp thông báo.</div><div style="text-align: justify;">Font face: Font của chữ.</div><div style="text-align: justify;">Size: kích cỡ chữ.</div><div style="text-align: justify;"> </div><div style="text-align: justify;">Nếu bạn muốn thêm dòng thông báo nữa thì "cứ việc" copy đoạn code phía dưới dán vào và thay đổi số lần liên tiếp, thí dụ ở đoạn code phía trên là 3, bây giờ thêm một nữa là 4 (theo như hướng dẫn trên code):</div><div style="color: cyan; text-align: justify;">message[4]='nhập nội dung vào đây'</div> Chúc các bạn thành công!!! <div style="text-align: justify;"> </div><h2 class="title" style="text-align: right;"> ▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀</h2><h2 class="title" style="text-align: right;">  </h2>

TẠO BẢNG THÔNG BÁO (KIỂU 5)

Tiếp theo bảng thông báo kiểu 4 (xem TẠI ĐÂY ), hôm nay mình sẽ giới thiệu tiếp với các bạn code để tạo bảng thông báo kiểu 5 dưới đây. Với ...

Đọc thêm »

TẠO BẢNG THÔNG BÁO (KIỂU 4)

TẠO BẢNG THÔNG BÁO (KIỂU 4)

Ở bài viết này, tôi xin giới thiệu với các bạn thêm một cách làm bảng thông báo cho blog. Với bảng thông báo này, các dòng chữ gởi đến khách...

Đọc thêm »

TẠO BẢNG THÔNG BÁO CHO BLOG (KIỂU 3) - PHẦN 4

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPK_OubnLU0FAgZ6S2tUKJhMmrOd37o39JOQPNEMGzgxynHx_jS-WnBMWyO6bb79HuRsauIcPhyphenhyphenkjEIfolhiV0dJo2R14N1mEGCivu3E5yEBqZ0xJtlv4l_r-SQDhJbWYMIpFjNCJYoG8/s1600/www.loogix.com_9871670.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPK_OubnLU0FAgZ6S2tUKJhMmrOd37o39JOQPNEMGzgxynHx_jS-WnBMWyO6bb79HuRsauIcPhyphenhyphenkjEIfolhiV0dJo2R14N1mEGCivu3E5yEBqZ0xJtlv4l_r-SQDhJbWYMIpFjNCJYoG8/s1600/www.loogix.com_9871670.gif" /></a></div>Tiếp theo phần 1 (Xem <a href="http://dunghennessy.blogspot.com/2012/01/tao-bang-thong-bao-cho-blog-kieu-3.html" target="_blank">TẠI ĐÂY</a>), phần 2 (Xem <a href="http://dunghennessy.blogspot.com/2012/01/tao-bang-thong-bao-cho-blog-kieu-3-phan.html" target="_blank">TẠI ĐÂY</a>), phần 3 (Xem <a href="http://dunghennessy.blogspot.com/2012/01/tao-bang-thong-bao-cho-blog-kieu-3-phan_10.html" target="_blank">TẠI ĐÂY</a>), hôm nay mời bạn tiếp tục xem phần 4...với kiểu này thì các thông điệp, thông báo của bạn sẽ được gởi cho khách tham quan hoặc bạn bè bằng những dòng chữ viết ngay trên file Flash khá đẹp (bạn có thể trang trí cho Blog thêm đẹp bằng những file Flash này...)</div><div style="text-align: justify;">Bạn bấm vào các mẫu phía dưới để thấy rõ hơn, ứng với mỗi file Flash là code để dán vào Web/Blog (các bạn đăng nhập vào blog > chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi dán code vào). Trong đoạn code các bạn chỉ cần thay đổi các dòng chữ như: BẤM VÀO ĐÂY XEM THÔNG BÁO, ĐÓNG THÔNG BÁO LẠI...bằng các dòng chữ mà mình muốn và quan trọng hơn hết là thay dòng chữ "dunghennessy xin chào các bạn...........thành công trong cuộc sống" bằng dòng chữ mà bạn muốn gởi đến khách tham quan hoặc bạn bè (đây là những dòng thông báo sẽ hiển thị ngay trên file Flash).</div><a name="more"></a> <div style="text-align: justify;">Vì phải áp dụng nhiều file Flash để minh hoạ cho bài viết nên tốc độ load có thể hơi chậm, mong các bạn thông cảm. </div>Mẫu 31: <center><div><input 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 = 'Đóng thông báo lại'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Bấm vào đây để xem thông báo'; }" style="font-size: 20px; margin: 0px; padding: 0px; width: 300px;" type="button" value="Xem mẫu 31" /></div><div><div style="display: none;"><div align="center"><embed allowscriptaccess="never" flashvars="aa=dungheineken xin chào các bạn, để xem dunghennessy hiển thị tốt các tiện ích, các bạn nên xem trên trình duyệt FireFox, cám ơn các bạn đã ghé tham quan và ủng hộ dunghennessy. Chúc các bạn luôn vui khoẻ, hạnh phúc và gặt hái nhiều thành đạt trong cuộc sống. Do bài viết này sử dụng nhiều file flash để các bạn xem thử, vì vậy tốc độ load khá chậm, mong các bạn thông cảm và cố gắng kiên nhẫn để xem, xin cảm ơn" height="620" src="http://img218.imageshack.us/img218/3755/writing62.swf" type="application/x-shockwave-flash" width="500" wmode="transparent"></embed> </div></div></div></center> code của mẫu 31: <center><textarea cols="50" name="code" rows="2" style="-moz-border-radius: 7px; background: #EFF5FB; border-left: 20px solid #0174DF; border: 1px solid #ccc; color: black; line-height: 1.5em; padding: 5px;"><center><div><input type="button" value="Bấm vào đây để xem thông báo" style="width:300px;font-size:20px;margin:0px;padding:0px;" 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 = 'Đóng thông báo lại'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Bấm vào đây để xem thông báo'; }"></div><div><div style="display: none;"><div align="center"><embed allowscriptaccess="never" flashvars="aa=dungheineken xin chào các bạn, để xem dunghennessy hiển thị tốt các tiện ích, các bạn nên xem trên trình duyệt FireFox, cám ơn các bạn đã ghé tham quan và ủng hộ dunghennessy. Chúc các bạn luôn vui khoẻ, hạnh phúc và gặt hái nhiều thành đạt trong cuộc sống" height="620" src="http://img218.imageshack.us/img218/3755/writing62.swf" type="application/x-shockwave-flash" width="500" wmode="transparent"></embed> </div></div></center>

Mẫu 32:

Code của mẫu 32:

Mẫu 33:

Code của mẫu 33:

Mẫu 34:

Code của mẫu 34:

Mẫu 35:

Code của mẫu 35:

Mẫu 36:

Code của mẫu 36:

Mẫu 37:

Code của mẫu 37:

Mẫu 38:

Code của mẫu 38:

Mẫu 39:

Code của mẫu 39:

TẠO BẢNG THÔNG BÁO CHO BLOG (KIỂU 3) - PHẦN 4

Tiếp theo phần 1 (Xem TẠI ĐÂY ), phần 2 (Xem TẠI ĐÂY ), phần 3 (Xem TẠI ĐÂY ), hôm nay mời bạn tiếp tục xem phần 4...với kiểu này thì các th...

Đọc thêm »