Bõm.vn

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

TẠO SLIDESHOW (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;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyHsXMEYwVdPshZbgxJEad05iKA0ckgs1Y7iznmrzb5PtW6gZisTc_s3DMvgHA0auQCjrCUg6VBHI8QjbvjG06c7RJ1WxrJDav5FCc5lSVvgZlOMf9Kvh_32PEOrqNwWovsz48650R3Ls/s1600/www.loogix.com_10572482.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyHsXMEYwVdPshZbgxJEad05iKA0ckgs1Y7iznmrzb5PtW6gZisTc_s3DMvgHA0auQCjrCUg6VBHI8QjbvjG06c7RJ1WxrJDav5FCc5lSVvgZlOMf9Kvh_32PEOrqNwWovsz48650R3Ls/s320/www.loogix.com_10572482.gif" width="243" /></a></div><span style="font-size: large;">Với  kiểu 5 này, các ảnh lần lượt trình diễn với hiệu ứng thu nhỏ và phóng to rất đẹp mắt.</span><br /><span style="font-size: large;">Ở mỗi ảnh bạn cũng có thể ghi vài dòng chú thích cho ảnh.</span></div><div style="text-align: justify;"><span style="font-size: large;">Mời bạn bấm vào <i><b>Xem thử</b></i> phía dưới để thấy rõ kiểu SLIDESHOW này.</span><br /><br /><br /><br /><br /><br /><br /><br /><a name='more'></a></div><br /><br /><br /><center><a class="bttoolz" href="http://dunghennessy5.blogspot.com/2012/07/slideshow-anh-kieu-5.html" rel="nofollow" target="_blank">Xem thử</a></center><br /><div style="text-align: justify;"><br /><span style="font-size: large;">Bạn chỉ cần <i><b>đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML</b></i> <i style="color: cyan;"><b>(đố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)</b></i> rồi dán đoạn code phía dưới vào.</span></div><div style="text-align: justify;"><span style="font-size: large;"><br /></span></div><div class="csscode"><br /><div class="MsoNormal"><center></div><div class="MsoNormal"><style>            </div><div class="MsoNormal">.textboxstyle {</div><div class="MsoNormal">font-family:Arial;</div><div class="MsoNormal">font-size:16pt;</div><div class="MsoNormal">color:black;</div><div class="MsoNormal">text-align:center;</div><div class="MsoNormal">vertical-align:top;</div><div class="MsoNormal">}</div><div class="MsoNormal"><br /></div><div class="MsoNormal">.textboxbackgroundstyle {</div><div class="MsoNormal">background-color:white;</div><div class="MsoNormal">padding:5px;</div><div class="MsoNormal"><br /></div><div class="MsoNormal">/* rounded corners for Firefox */</div><div class="MsoNormal">-moz-border-radius-topleft: 15px;</div><div class="MsoNormal">-moz-border-radius-bottomright: 15px;</div><div class="MsoNormal"><br /></div><div class="MsoNormal">/* rounded corners for for Safari and Chrome */</div><div class="MsoNormal">-webkit-border-top-left-radius: 15px;</div><div class="MsoNormal">-webkit-border-bottom-right-radius: 15px;</div><div class="MsoNormal"><br /></div><div class="MsoNormal">/* rounded corners for Opera */</div><div class="MsoNormal">border-top-left-radius: 15px;</div><div class="MsoNormal">border-bottom-right-radius: 15px;</div><div class="MsoNormal">}</div><div class="MsoNormal"><br /></div><div class="MsoNormal">.curveandshadowstyle {</div><div class="MsoNormal"><br /></div><div class="MsoNormal">/* shadow and rounded corners for Firefox */</div><div class="MsoNormal">-moz-box-shadow: 5px 5px 8px #818181;</div><div class="MsoNormal">-moz-border-radius-topleft: 25px;</div><div class="MsoNormal">-moz-border-radius-bottomright: 25px;</div><div class="MsoNormal"><br /></div><div class="MsoNormal">/* shadow and rounded corners for Safari and Chrome */</div><div class="MsoNormal">-webkit-box-shadow: 5px 5px 8px #818181;</div><div class="MsoNormal">-webkit-border-top-left-radius: 25px;</div><div class="MsoNormal">-webkit-border-bottom-right-radius: 25px;</div><div class="MsoNormal"><br /></div><div class="MsoNormal">/* shadow and rounded corners for Opera */</div><div class="MsoNormal">box-shadow: 5px 5px 5px #818181;</div><div class="MsoNormal">border-top-left-radius: 25px;</div><div class="MsoNormal">border-bottom-right-radius: 25px;</div><div class="MsoNormal"><br /></div><div class="MsoNormal">/* shadow for Internet Explorer */</div><div class="MsoNormal">filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#818181');</div><div class="MsoNormal"><br /></div><div class="MsoNormal">border-style:solid;</div><div class="MsoNormal">border-width:1px;</div><div class="MsoNormal">border-color:white;</div><div class="MsoNormal">}</div><div class="MsoNormal"></style></div><div class="MsoNormal"><br /></div><div class="MsoNormal"></div><div class="MsoNormal"></div><div class="MsoNormal"></div><div class="MsoNormal">            </div><div class="MsoNormal"><script></div><div class="MsoNormal"><br /></div><div class="MsoNormal">var imgurl= new Array()</div><div class="MsoNormal">var message= new Array()</div><div class="MsoNormal">var thislink= new Array()</div><div class="MsoNormal"><br /></div><div class="MsoNormal">/////////////////////////////////////////////////</div><div class="MsoNormal">// SCRIPT-CONFIGURATION STARTS HERE</div><div class="MsoNormal">/////////////////////////////////////////////////</div><div class="MsoNormal"><br /></div><div class="MsoNormal">// Các link ảnh theo thứ tự</div><div class="MsoNormal">imgurl[0]="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYZfMUs43CmH0jNccPEax_htTDW8NIKeipF5noutFIb1wsTTo05eKz9tm3EKCplcxUQ7uJkH9qbBwkZFrMOv8pTLc1g14pRbFwNTIzYgHJ3zKv1zXsY7X8bxD98R0SNXUW8GE_9OSkdsq_/s1600/0003.gif</span>"</div><div class="MsoNormal">imgurl[1]="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfTYOu3nnFSlWbxgA7T2py-LPwoQ2-W7dyo-yD2I7JpgXIpNctxsAdOe-dSJjoLEZM1_bv4FHG6YWRlyAABK9rKFE6rBZiidERHOeAh8HjUdvUJnplGtecBNckYQ8FbpbyxTg89xv-Njka/s1600/0008.gif</span>"</div><div class="MsoNormal">imgurl[2]="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJGK2Ql0dtTHZ4-DRmiG17W8PO40-90ls2MHgia_tp2vOGp1EQW8hDkT2J2ckFXKeE29Px8PtqArBcs7s_LXZ7IIA3OzZPtu6V0jFfoGkx9wZJLk33PLpvEAonCkYBPjVsFpp6hNLhEHZ5/s1600/0009.gif</span>"</div><div class="MsoNormal">imgurl[3]="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzmvZoyi4x-_xg3WiWSc_vxZw16f26gXhpHB8cv9a-rZ11ug8UaxUVGb4GiHSuzp5VtkHEv2se-PaHd1AqUsJJbku_FvAEEHbHxzxB3bLEsD6R4k9c8X6-PYLuvhngu6QFpNHknbY7qynI/s1600/0019.gif</span>"</div><div class="MsoNormal">imgurl[4]="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoiB7SjC5bghyphenhyphenaSBB3zS8Rid0RPdasW-pKoVnw81pINVouJfqf-LpQa8Ws-kwTfjVhDE4COrZBP3Ay6Q6uA0z0eD0ErRk3zA8HG1i8PppkbY_kBleFAVRzittyt7Kt27oUv12CXCpWamZV/s1600/0027.gif</span>"</div><div class="MsoNormal">imgurl[5]="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifUjuhIU6NIDI_Ia6cRHhZK4m3th3mPQxZVMUnjnWqCVo39o881LIUs6y77HI2OlliTb5yO08I7HfMMNu43Cx5Qzvr0s2kz7qfgfUn5FVCRpgQjG6OQCbFnznBtFNh90qBamHWKxXv3-Fd/s1600/0048.gif</span>"</div><div class="MsoNormal">imgurl[6]="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh80_mxIA9WcxveUQMW3ePaL0n5a-hRhSkvqTbjh_0RW6vFtmXmQxUatnuVn6I9kkJCg_StwpNIEKeUzo04Mf8v5tiZ-6h3Lce2ff538m_8XC5JPhT-yjN23_i_zp0mhKZn0cMcNTqii3j/s1600/0050.gif</span>"</div><div class="MsoNormal">imgurl[7]="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzXarHvuZzRIwBfrwfuuO0xh6dpY1dIn5eaBytGQdPLwMXTOnWHWFrn_jId7IB23cpMhlIHS1tkFhvTF8u9BFPgfeXRE1ltdnZIhsi0TgUMUk6VSaTjTomXIrd2vfJJkxFccbnup_X9eyR/s1600/0059.gif</span>"</div><div class="MsoNormal">imgurl[8]="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFqXZ4ubLW-kcDCBUTn3f-_FB2-Eab71nyTi_d_0YU4Cm2Z8LhSLhL-Na3JB3T7GlXMb7zTcFFhi1me1jAwNw7TNd6hrd_gYauHCLrvH2t2EItl_7SGZDKsCdDMPx065vDngnomHzOBN9G/s1600/0062.gif</span>"</div><div class="MsoNormal">imgurl[9]="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjncgiYBAfE96zf7eceDOaubliOP0J9el0MJrHmAOfs1JyrYQXBRqIilsQownVZ13S3Q5LNRhQUDPdDDbKfaLBV1vaFMWbQbmafhB-hbge3JVt7drJPK9mG36UI06CmoW1aJVp7xGPxDTuG/s1600/0069.gif</span>"</div><div class="MsoNormal"><br /></div><div class="MsoNormal"><br /></div><div class="MsoNormal">// Ghi chú cho ảnh</div><div class="MsoNormal">message[0]="<span style="color: red;">Welcome to my Blog</span>"</div><div class="MsoNormal">message[1]="<span style="color: red;">dunghennessy</span>"</div><div class="MsoNormal">message[2]="<span style="color: red;">Cám ơn các bạn đã ghé tham quan</span>"</div><div class="MsoNormal">message[3]="<span style="color: red;">Chúc các bạn luôn vui khoẻ</span>"</div><div class="MsoNormal"><br /></div><div class="MsoNormal">// set the links corresponding to the images above (no more no less than the images above)</div><div class="MsoNormal">// Nếu muốn đặt liên kết thì thay dấu # bằng link mình muốn liên kết đến</div><div class="MsoNormal">thislink[0]="#"</div><div class="MsoNormal">thislink[1]="#"</div><div class="MsoNormal">thislink[2]="#"</div><div class="MsoNormal">thislink[3]="#"</div><div class="MsoNormal"><br /></div><div class="MsoNormal">// Chiều rộng của ảnh (pixel)</div><div class="MsoNormal">var imgwidth=<span style="color: red;">240</span></div><div class="MsoNormal"><br /></div><div class="MsoNormal">// Chiều cao của ảnh (pixel)</div><div class="MsoNormal">var imgheight=<span style="color: red;">320</span></div><div class="MsoNormal"><br /></div><div class="MsoNormal">// set stillstand of picture (seconds)</div><div class="MsoNormal">var stillstand=2.5</div><div class="MsoNormal"><br /></div><div class="MsoNormal">// set opacity-strength (transparency-effect). Values may range from 1 to 100</div><div class="MsoNormal">var opacitystrength=60</div><div class="MsoNormal"><br /></div><div class="MsoNormal">/////////////////////////////////////////////////</div><div class="MsoNormal">// SCRIPT-CONFIGURATION STOPS HERE</div><div class="MsoNormal">/////////////////////////////////////////////////</div><div class="MsoNormal"><br /></div><div class="MsoNormal"><br /></div><div class="MsoNormal">// Do not edit below this line</div><div class="MsoNormal">var tmr</div><div class="MsoNormal">var step=10</div><div class="MsoNormal">var i=imgwidth</div><div class="MsoNormal">var i_imgurl=0</div><div class="MsoNormal">stillstand*=1000</div><div class="MsoNormal"><br /></div><div class="MsoNormal">var preloadedimages=new Array()</div><div class="MsoNormal">for (iii=0;iii<imgurl.length;iii++){</div><div class="MsoNormal">            preloadedimages[iii]=new Image()</div><div class="MsoNormal">            preloadedimages[iii].src=imgurl[iii]</div><div class="MsoNormal">}</div><div class="MsoNormal"><br /></div><div class="MsoNormal">function shrinkpic() {</div><div class="MsoNormal">            document.getElementById("textbox").innerHTML=""</div><div class="MsoNormal">            if (i>0) {</div><div class="MsoNormal">                        i-=step</div><div class="MsoNormal">                        document.getElementById("picdiv").style.width=i+"px"</div><div class="MsoNormal">                        document.getElementById("picdiv").style.height=i*(imgheight/imgwidth)+"px"</div><div class="MsoNormal">                        document.getElementById("picdiv").style.left=imgwidth/2-(i/2)+"px"</div><div class="MsoNormal">                        document.getElementById("picdiv").style.top=(imgwidth/2-(i/2))*(imgheight/imgwidth)+"px"</div><div class="MsoNormal">                        tmr=setTimeout("shrinkpic()",20)</div><div class="MsoNormal">            }</div><div class="MsoNormal">            else {</div><div class="MsoNormal">                        i_imgurl++</div><div class="MsoNormal">                        if (i_imgurl>=imgurl.length) {</div><div class="MsoNormal">                                    i_imgurl=0</div><div class="MsoNormal">                        }</div><div class="MsoNormal">                        document.getElementById("picdiv").style.background="url("+imgurl[i_imgurl]+")"</div><div class="MsoNormal">                        i=1</div><div class="MsoNormal">                        tmr=setTimeout("enlargepic()",20)</div><div class="MsoNormal">            }</div><div class="MsoNormal">}</div><div class="MsoNormal"><br /></div><div class="MsoNormal">function enlargepic() {</div><div class="MsoNormal">            if (i<=imgwidth) {</div><div class="MsoNormal">                        i+=step</div><div class="MsoNormal">                        document.getElementById("picdiv").style.width=i+"px"</div><div class="MsoNormal">                        document.getElementById("picdiv").style.height=i*(imgheight/imgwidth)+"px"</div><div class="MsoNormal">                        document.getElementById("picdiv").style.left=imgwidth/2-(i/2)+"px"</div><div class="MsoNormal">                        document.getElementById("picdiv").style.top=(imgwidth/2-(i/2))*(imgheight/imgwidth)+"px"</div><div class="MsoNormal">                        tmr=setTimeout("enlargepic()",20)</div><div class="MsoNormal">            }</div><div class="MsoNormal">            else {</div><div class="MsoNormal">                        i=imgwidth</div><div class="MsoNormal">                        showmessage()</div><div class="MsoNormal">            }</div><div class="MsoNormal">}</div><div class="MsoNormal"><br /></div><div class="MsoNormal">function showmessage() {</div><div class="MsoNormal">            document.getElementById("textbox").innerHTML='<span class="textboxbackgroundstyle">'+message[i_imgurl]+'</span>'</div><div class="MsoNormal">            tmr=setTimeout("shrinkpic()",stillstand)</div><div class="MsoNormal">}</div><div class="MsoNormal"><br /></div><div class="MsoNormal">function gotothislink(){</div><div class="MsoNormal">            document.location.href=thislink[i_imgurl]</div><div class="MsoNormal"><br /></div><div class="MsoNormal">}</div><div class="MsoNormal"><br /></div><div class="MsoNormal">document.write('<div id="roof" style="position:relative;width:'+imgwidth+'px;height:'+imgheight+'px;">')</div><div class="MsoNormal">document.write('<div id="picdiv" class="curveandshadowstyle" style="position:absolute;background:url('+imgurl[0]+');width:'+imgwidth+'px;height:'+imgheight+'px;top:0px;left:0px;"></div>')</div><div class="MsoNormal"><br /></div><div class="MsoNormal">document.write('<div id="tt" onClick="gotothislink()" style="position:absolute;width:'+imgwidth+'px;height:'+imgheight+'px;top:0px;left:0px;filter:alpha(opacity='+opacitystrength+');opacity:'+(opacitystrength/100)+';cursor:pointer;"><table width='+imgwidth+' height='+imgheight+'><tr><td id="textbox" class="textboxstyle"><span class="textboxbackgroundstyle">'+message[0]+'</span></td></tr></table></div>')</div><div class="MsoNormal"><br /></div><div class="MsoNormal">document.write('</div>')</div><div class="MsoNormal"><br /></div><div class="MsoNormal">window.onload=shrinkpic</div><div class="MsoNormal"></script></center></div><span style="font-family: "Times New Roman"; font-size: 12pt;"></span></div><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Bây giờ, bạn cần thay đổi các dòng lệnh <span style="color: red;">màu đỏ</span> theo ý thích của mình, sau cùng bấm <b><i>Lưu</i></b> lại là xong.</span><br /><br /><span style="font-size: large;">Mở rộng thêm:</span><br /><span style="font-size: large;">* Nếu muốn thêm nhiều ảnh nữa, bạn copy dòng lệnh này </span><br /><div style="text-align: left;"><span style="font-size: large;">imgurl[n+1]="</span><span style="color: red; font-size: large;">Link ảnh</span><span style="font-size: large;">"</span></div><span style="font-size: large;"><br /></span><br /><div style="text-align: justify;"><span style="font-size: large;">Dán tiếp xuống phía dưới các link ảnh, trong đó <i><b><span style="font-size: x-large;"><span style="color: cyan;">n </span></span></b></i>là số thứ tự cuối cùng của ảnh. Ví dụ ở code trên tôi có SlideShow gồm tất cả 10 ảnh được đánh số từ 0 - 9, nếu thêm một ảnh nữa thì ảnh cuối cùng của tôi là 10 thì SlideShow sẽ có tất cả 11 ảnh...thì code sẽ giống như vầy:</span><br /><span style="font-size: large;">....................... </span><br /><div class="MsoNormal">imgurl[0]="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYZfMUs43CmH0jNccPEax_htTDW8NIKeipF5noutFIb1wsTTo05eKz9tm3EKCplcxUQ7uJkH9qbBwkZFrMOv8pTLc1g14pRbFwNTIzYgHJ3zKv1zXsY7X8bxD98R0SNXUW8GE_9OSkdsq_/s1600/0003.gif</span>"</div><div class="MsoNormal">imgurl[1]="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfTYOu3nnFSlWbxgA7T2py-LPwoQ2-W7dyo-yD2I7JpgXIpNctxsAdOe-dSJjoLEZM1_bv4FHG6YWRlyAABK9rKFE6rBZiidERHOeAh8HjUdvUJnplGtecBNckYQ8FbpbyxTg89xv-Njka/s1600/0008.gif</span>"</div><div class="MsoNormal">imgurl[2]="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJGK2Ql0dtTHZ4-DRmiG17W8PO40-90ls2MHgia_tp2vOGp1EQW8hDkT2J2ckFXKeE29Px8PtqArBcs7s_LXZ7IIA3OzZPtu6V0jFfoGkx9wZJLk33PLpvEAonCkYBPjVsFpp6hNLhEHZ5/s1600/0009.gif</span>"</div><div class="MsoNormal">imgurl[3]="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzmvZoyi4x-_xg3WiWSc_vxZw16f26gXhpHB8cv9a-rZ11ug8UaxUVGb4GiHSuzp5VtkHEv2se-PaHd1AqUsJJbku_FvAEEHbHxzxB3bLEsD6R4k9c8X6-PYLuvhngu6QFpNHknbY7qynI/s1600/0019.gif</span>"</div><div class="MsoNormal">imgurl[4]="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoiB7SjC5bghyphenhyphenaSBB3zS8Rid0RPdasW-pKoVnw81pINVouJfqf-LpQa8Ws-kwTfjVhDE4COrZBP3Ay6Q6uA0z0eD0ErRk3zA8HG1i8PppkbY_kBleFAVRzittyt7Kt27oUv12CXCpWamZV/s1600/0027.gif</span>"</div><div class="MsoNormal">imgurl[5]="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifUjuhIU6NIDI_Ia6cRHhZK4m3th3mPQxZVMUnjnWqCVo39o881LIUs6y77HI2OlliTb5yO08I7HfMMNu43Cx5Qzvr0s2kz7qfgfUn5FVCRpgQjG6OQCbFnznBtFNh90qBamHWKxXv3-Fd/s1600/0048.gif</span>"</div><div class="MsoNormal">imgurl[6]="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh80_mxIA9WcxveUQMW3ePaL0n5a-hRhSkvqTbjh_0RW6vFtmXmQxUatnuVn6I9kkJCg_StwpNIEKeUzo04Mf8v5tiZ-6h3Lce2ff538m_8XC5JPhT-yjN23_i_zp0mhKZn0cMcNTqii3j/s1600/0050.gif</span>"</div><div class="MsoNormal">imgurl[7]="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzXarHvuZzRIwBfrwfuuO0xh6dpY1dIn5eaBytGQdPLwMXTOnWHWFrn_jId7IB23cpMhlIHS1tkFhvTF8u9BFPgfeXRE1ltdnZIhsi0TgUMUk6VSaTjTomXIrd2vfJJkxFccbnup_X9eyR/s1600/0059.gif</span>"</div><div class="MsoNormal">imgurl[8]="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFqXZ4ubLW-kcDCBUTn3f-_FB2-Eab71nyTi_d_0YU4Cm2Z8LhSLhL-Na3JB3T7GlXMb7zTcFFhi1me1jAwNw7TNd6hrd_gYauHCLrvH2t2EItl_7SGZDKsCdDMPx065vDngnomHzOBN9G/s1600/0062.gif</span>"</div><div class="MsoNormal">imgurl[9]="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjncgiYBAfE96zf7eceDOaubliOP0J9el0MJrHmAOfs1JyrYQXBRqIilsQownVZ13S3Q5LNRhQUDPdDDbKfaLBV1vaFMWbQbmafhB-hbge3JVt7drJPK9mG36UI06CmoW1aJVp7xGPxDTuG/s1600/0069.gif</span>"<br /><span style="color: cyan;">imgurl[10]=</span>"<span style="color: red;">Link ảnh</span>" </div></div><div style="text-align: justify;"><span style="font-size: large;">.........................</span><br /><span style="font-size: large;">Dòng lệnh màu xanh là dòng lệnh mới thêm</span>.</div></div><div style="text-align: justify;"><span style="font-size: large;">Và để slideshow được đẹp, các bạn nên chọn các ảnh có cùng kích thước và thay đổi kích thước của khung trình chiếu bằng với kích thước của ảnh....</span></div><br /><div style="text-align: justify;"><span style="font-size: large;"><i><b>Chúc các bạn thành công!!! </b></i></span></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjHu17heOibwMASxdZsHMVNRgK2uTWEPoXrT5njST_neYcHnh_mwrDhJKLywkRwFgTy3IUXeh27cD2KlJ8WJngFxfNnXxAht-zfYzHkrqSex3kvlDEgIDbgrmiD1bbTsmivn73y3tGEBk/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/AVvXsEgjHu17heOibwMASxdZsHMVNRgK2uTWEPoXrT5njST_neYcHnh_mwrDhJKLywkRwFgTy3IUXeh27cD2KlJ8WJngFxfNnXxAht-zfYzHkrqSex3kvlDEgIDbgrmiD1bbTsmivn73y3tGEBk/s1600/SBhuyf1340331801.gif" /></a></div><h2 class="title" style="text-align: right;">             <span style="font-size: small;"><i><br /></i></span></h2><h2 class="title" style="text-align: right;">             <span style="font-size: small;"><i><br /></i></span></h2>