Chen quảng cáo 2 bên Blog

TẠO HÌNH CHẠY DỌC 2 BÊN Bài viết này sẽ hướng dẫn các bạn tao một ra một hiễu ứng quảng cáo ảnh chạy dọc 2 bên trang Web giống như trang Violet vậy Bước 1: Bạn upload một ảnh lên trang web để lấy link VD: <IMG hspace=0 src='http://uitshare.com/upanh/images/20hiic6h5oaskf2vhv.jpg' width=53 border=0 height="73"> Bước 2: Bạn sử dụng đoạn code sau để tạo cho ảnh chạy dọc 2 bên Bên trái: <DIV id="divAdLeft" align="left" style="LEFT: -200px; WIDTH: 70px; POSITION: absolute; TOP: 80px"> <a href="liên kết khi bấm vào ảnh" target="_blank"> <IMG hspace=0 src='link ảnh bạn muốn quảng cáo bên trái'></div> <br /><br /> Bên phải: <DIV id="divAdRight" align="right" style="RIGHT:0px; WIDTH: 70px; POSITION: absolute; TOP: 800px"> <a href="liên kết khi bấm vào ảnh" target="_blank"> <IMG hspace=0 src='link ảnh bạn muốn quảng cáo bên phải'> </DIV><br /><br /> <script src="http://www.freewebs.com/lamdaitrochuyen/quangcao.ibf"></script></div> Bước 3: Bạn copy và paste vào thông tin bản quyền thế là OK Lưu ý : Bạn phải chạy ở trình Firefox mới thấy hiệu ứng này. Chúc các bạn thành công Code chèn hình ảnh hai bên blog Để chèn hình ảnh hai bên blog các bạn có thể chèn đoạn code sau vào ô thông tin bản quyền : Bên trái : <DIV id="divAdLeft" align="left" style="LEFT: -95px; WIDTH: 108px; POSITION: absolute; TOP: 71px"><br/><a target="_blank" <a href="http://violet.vn/thcs-anhoa-ninhbinh"><img src="http://d.violet.vn/uploads/resources/502/thumbnails/0.Logo_TAH.bmp.jpg" border="0" </a><br/></DIV> Bên phải : <DIV id="divAdRight" align="right" style="RIGHT:1px; WIDTH: 108px; POSITION: absolute; TOP: 71px"><a target="_blank"<a href="link đến trang"_blank"><img src=" link hình ảnh sẽ hiển thị " border="0"</a><br/> </DIV> <script src="http://www.freewebs.com/lamdaitrochuyen/quangcao.ibf"></script> Nếu chỉ chèn một bên thì các bạn hãy copy một trong hai đoạn trên và chèn vào ô thông tin bản quyền. Nếu muốn chèn cả hai bên thì các bạn hãy copy cả hai đoạn code trên và dán vào ô thông tin bản quyền. Trong đó thay link đến trang bằng link mà bạn muốn mở khi click chuột vào. Thay link hình ảnh sẽ hiển thị bằng link của hình ảnh mà các bạn muốn hiển thị. Lưu ý : Các bạn phải copy đầy đủ đoạn code trên và chỉ thay link. Nếu không hiểu biết nhiều về code thì không nên chỉnh sửa, vì rất dễ gây lỗi, nếu chỉnh sửa không đúng. Code chèn quảng cáo, hình ảnh trượt hai bên blog Với blog Violet và nhiều blog khác chúng ta có thể tận dụng khoảng không gian hai bên blog để chèn thêm hình ảnh, quảng cáo. Để thực hiện, các bạn hãy sử dụng đoạn code sau : </table> </td> </tr> </table> </td></tr><tr><td valign="bottom"><table width="100%" cellspacing="0" cellpadding="5" border="0"><tbody><tr width="780"><td background="media/hs/portal/layout/AL_TabColumn/integratedModes/blue/institutional/footer-duoi.gif" class="hsportal-footer" valign="middle" align="center" width="100%" height="53"> </td></tr></tbody></table></td></tr></table> <script language="JavaScript"> var tagDiv_p1=""; if (!document.layers) tagDiv_p1 ='<div style="position:absolute" id="divStayTopLeft_p1">'; tagDiv_p1 +='<layer id="divStayTopLeft_p1"><table border="0" cellspacing="0" cellpadding="0"><tr><td><img src="link ảnh" border="0"></td></tr></table></layer></div>'; var verticalpos_p1="frombottom"; if (!document.layers) if(document.body.clientWidth >1000) document.write(tagDiv_p1); function JSFX_FloatTopDiv_p1() { //startX_p1_p1 ngang startY_p1_p1 doc var startX_p1 =(document.body.clientWidth-800)/2 + 795,startY_p1 = 555; var ns_p1 = (navigator.appName.indexOf("Netscape") != -1); var d_p1 = document; function ml_p1(id) { var el_p1=d_p1.getElementById?d_p1.getElementById(id):d_p1.all? d_p1.all[id]:d_p1.layers[id]; if(d_p1.layers)el_p1.style=el_p1; el_p1.sP=function(x,y){this.style.left=x;this.style.top=y;}; el_p1.x = startX_p1; if (verticalpos_p1=="fromtop") el_p1.y = startY_p1; else{ el_p1.y = ns_p1 ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight; el_p1.y -= startY_p1; } return el_p1; } window.stayTopLeft_p1=function() { if (verticalpos_p1=="fromtop"){ var pY_p1 = ns_p1 ? pageYOffset : document.body.scrollTop; ftlObj_p1.y += (pY_p1 + startY_p1 - ftlObj_p1.y)/8; } else{ var pY_p1 = ns_p1 ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight; ftlObj_p1.y += (pY_p1 - startY_p1 - ftlObj_p1.y)/8; } ftlObj_p1.sP(ftlObj_p1.x, ftlObj_p1.y); setTimeout("stayTopLeft_p1()", 10); } ftlObj_p1 = ml_p1("divStayTopLeft_p1"); stayTopLeft_p1(); } JSFX_FloatTopDiv_p1(); </script><script language="JavaScript"> var tagDiv_tr1=""; if (!document.layers) tagDiv_tr1 ='<div style="position:absolute" id="divStayTopLeft_tr1">'; tagDiv_tr1 +='<layer id="divStayTopLeft_tr1"><table border="0" cellspacing="0" cellpadding="0"><tr><td><img src="link ảnh" border="0"></td></tr></table></layer></div>'; var verticalpos_tr1="frombottom"; if (!document.layers) if(document.body.clientWidth >1000) document.write(tagDiv_tr1); function JSFX_FloatTopDiv_tr1() { //startX_tr1_tr1 ngang startY_tr1_tr1 doc var startX_tr1 =(document.body.clientWidth-800)/2-106,startY_tr1 = 555; var ns_tr1 = (navigator.appName.indexOf("Netscape") != -1); var d_tr1 = document; function ml_tr1(id) { var el_tr1=d_tr1.getElementById?d_tr1.getElementById(id):d_tr1.all? d_tr1.all[id]:d_tr1.layers[id]; if(d_tr1.layers)el_tr1.style=el_tr1; el_tr1.sP=function(x,y){this.style.left=x;this.style.top=y;}; el_tr1.x = startX_tr1; if (verticalpos_tr1=="fromtop") el_tr1.y = startY_tr1; else{ el_tr1.y = ns_tr1 ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight; el_tr1.y -= startY_tr1; } return el_tr1; } window.stayTopLeft_tr1=function() { if (verticalpos_tr1=="fromtop"){ var pY_tr1 = ns_tr1 ? pageYOffset : document.body.scrollTop; ftlObj_tr1.y += (pY_tr1 + startY_tr1 - ftlObj_tr1.y)/8; } else{ var pY_tr1 = ns_tr1 ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight; ftlObj_tr1.y += (pY_tr1 - startY_tr1 - ftlObj_tr1.y)/8; } ftlObj_tr1.sP(ftlObj_tr1.x, ftlObj_tr1.y); setTimeout("stayTopLeft_tr1()", 10); } ftlObj_tr1 = ml_tr1("divStayTopLeft_tr1"); stayTopLeft_tr1(); } JSFX_FloatTopDiv_tr1(); </script></script></body></html> Trong đó : Nếu chèn hình ảnh thì các bạn hãy thay link ảnh bằng link của hình ảnh bạn muốn hiển thị. Nếu chèn quảng cáo, hãy thay toàn bộ đoạn code in đậm bằng code của Widget quảng cáo. Đoạn code này chỉ có tác dụng trên Fire fox, còn trên IE thì không hiển thị. Chúc các bạn thành công ! Nguồn: Thầy Bùi Đình Đường – http://thuviensinhhoc.violet.vn/ . đúng. Code chèn quảng cáo, hình ảnh trượt hai bên blog Với blog Violet và nhiều blog khác chúng ta có thể tận dụng khoảng không gian hai bên blog để chèn. src='http://uitshare.com/upanh/images /20 hiic6h5oaskf2vhv.jpg' width=53 border=0 height="73"> Bước 2: Bạn sử dụng đoạn code sau để tạo cho ảnh chạy dọc 2 bên Bên trái: