Tạo 1 banner quảng cáo chạy dọc theo chân trang

Xem demo ở đây:

Vào Thiết kế, vào phần tử trang, Thêm Tiện Ích  tạo 1 cái widget HTML/Javascript,sau đó dán đọan code bên dưới vào.

Code đây:

<style type="text/css"> * html div#fl813691 {position: absolute; overflow:hidden; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));} #fl813691{font: 12px Arial, Helvetica, sans-serif; color:#666; position:fixed; _position: absolute; right:0; bottom:0; height:150px; } #eb951855{ width:177px; padding-right:7px; background:url(http://c.uploadanh.com/upload/2/49/0.4667527_2763_1.gif) no-repeat right top;} #cob263512{background:url(http://c.uploadanh.com/upload/2/49/0.4667526_2763_1.gif) no-repeat left top; height:150px; padding-left:7px;} #coh963846{color:#690;display:block; height:20px; line-height:20px; font-size:11px; width:172px;} #coh963846 a{color:#690;text-decoration:none;} #coc67178{float:right; padding:0; margin:0; list-style:none; overflow:hidden; height:15px;} #coc67178 li{display:inline;} #coc67178 li a{background-image:url(http://sinhvienit.net/@forum/laivt_img/button.gif); background-repeat:no-repeat; width:30px; height:0; padding-top:15px; overflow:hidden; float:left;} #coc67178 li a.close{background-position: 0 0;} #coc67178 li a.close:hover{background-position: 0 -15px;} #coc67178 li a.min{background-position: -30px 0;} #coc67178 li a.min:hover{background-position: -30px -15px;} #coc67178 li a.max{background-position: -60px 0;} #coc67178 li a.max:hover{background-position: -60px -15px;} #co453569{display:block; margin:0; padding:0; height:123px; border-style:solid; border-width:1px; border-color:#111 #999 #999 #111; line-height:1.6em; overflow:hidden;} </style> <div id="fl813691" style="height: 152px;"> <div id="eb951855"> <div id="cob263512"> <div id="coh963846"> <ul id="coc67178"> <li id="pf204652hide"><a class="min" href="javascript:pf204652clickhide();" title="Ẩn đi">Ẩn</a></li> <li id="pf204652show" style="display: none;"><a class="max" href="javascript:pf204652clickshow();" title="Hiện lại">Xem </a></li> </ul> Datnen24h.net </div> <div id="co453569"> <!-- code ads --> <a target="_blank" href="Link đường dẫn" rel="nofollow"> <img border="0" width="170" src="Link hình" height="120" title="DAT NEN SO DO, MUA BAN, NHA ĐAT, BAT ĐONG SAN, ĐAT NEN BINH CHANH, ĐAT NEN GIA RE, AN LAC RESIDENCE, AN HA RESIDENCE, KHU DÂN CƯ AN LAC, KHU DÂN CƯ AN HA, KHU ĐO THI, LAN ANH, O CAP, THUAN HUE, HUD, XDHN, NHON TRACH, ĐONG NAI, ĐAT NEN, PHONG THỦY, KIEN TRUC."/></a> <!-- code ads --> </div> </div> </div> </div> <script> pf204652bottomLayer = document.getElementById('fl813691'); var pf204652IntervalId = 0; var pf204652maxHeight = 150;//Chieu cao khung quang cao var pf204652minHeight = 20; var pf204652curHeight = 0; function pf204652show( ){ pf204652curHeight += 2; if (pf204652curHeight > pf204652maxHeight){ clearInterval ( pf204652IntervalId ); } pf204652bottomLayer.style.height = pf204652curHeight+'px'; } function pf204652hide( ){ pf204652curHeight -= 3; if (pf204652curHeight < pf204652minHeight){ clearInterval ( pf204652IntervalId ); } pf204652bottomLayer.style.height = pf204652curHeight+'px'; } pf204652IntervalId = setInterval ( 'pf204652show()', 5 ); function pf204652clickhide(){ document.getElementById('pf204652hide').style.display='none'; document.getElementById('pf204652show').style.display='inline'; pf204652IntervalId = setInterval ( 'pf204652hide()', 5 ); } function pf204652clickshow(){ document.getElementById('pf204652hide').style.display='inline'; document.getElementById('pf204652show').style.display='none'; pf204652IntervalId = setInterval ( 'pf204652show()', 5 ); } function pf204652clickclose(){ document.body.style.marginBottom = '0px'; pf204652bottomLayer.style.display = 'none'; } </script>

Link đường dẫn: đây là trang mà mình muốn hiện ra khi nhấp vào hình
Link hình: link của tấm hình mà mình đã up lên piacasa

Save lại thế là xong!

Chúc thành công!

Bài liên quan