Code Banner Quảng Cáo Trượt Dọc 2 Bên Cho Blogspot / Website

Đây là code mình sưu tầm trên mạng. Code tạo banner quảng cáo trược 2 bên Web/blog tuy nhiên code này giờ ích hay dùng thường chỉ đề sử dụng cho những dịp nghỉ tết các bạn có thể trang trí 2 tấm liểng 2 bên chúc tết cho nó đẹp. Các bạn làm theo các bước sau đây nhé

1. Đăng nhập vào Blog
2. Vào bố cục (Layout)
3. Chọn Thêm tiện ích (add widget)
4. Tạo một widget HTML\Javascripts và chèn vào đoạn code bên dưới 

<div id=”divAdRight” style=”DISPLAY: none; POSITION: absolute; TOP: 50px”>
<a href=”http://vnexpress.net”><img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggO0-IIsygoA0qQ9ntgWzhvOXYf6XFjAFsz6ecDCvxvZplNwB4vAYNgiH5Kh123X-shyphenhyphenKOqauC-taKFp0kD6NDCg2N9JiI-mGvtoChoYXH_ONurBAr40JcmIaVoXPLeD-Xefyl53V-vE4/s1600/minh123.gif” width=”125″ /></a> </div>
<div id=”divAdLeft” style=”DISPLAY: none; POSITION: absolute; TOP: 50px”>
<a href=”http://vnexpress.net/”><img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggO0-IIsygoA0qQ9ntgWzhvOXYf6XFjAFsz6ecDCvxvZplNwB4vAYNgiH5Kh123X-shyphenhyphenKOqauC-taKFp0kD6NDCg2N9JiI-mGvtoChoYXH_ONurBAr40JcmIaVoXPLeD-Xefyl53V-vE4/s1600/minh123.gif” width=”125″ /></a>
</div>
<script>
function FloatTopDiv()
{
startLX = ((document.body.clientWidth -MainContentW)/2)-LeftBannerW-LeftAdjust , startLY = TopAdjust+80;
startRX = ((document.body.clientWidth -MainContentW)/2)+MainContentW+RightAdjust , startRY = TopAdjust+80;
var d = document;
function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
el.sP=function(x,y){this.style.left=x + ‘px';this.style.top=y + ‘px';};
el.x = startRX;
el.y = startRY;
return el;
}
function m2(id)
{
var e2=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
e2.sP=function(x,y){this.style.left=x + ‘px';this.style.top=y + ‘px';};
e2.x = startLX;
e2.y = startLY;
return e2;
}
window.stayTopLeft=function()
{
if (document.documentElement && document.documentElement.scrollTop)
var pY = document.documentElement.scrollTop;
else if (document.body)
var pY = document.body.scrollTop;
if (document.body.scrollTop > 30){startLY = 3;startRY = 3;} else {startLY = TopAdjust;startRY = TopAdjust;};
ftlObj.y += (pY+startRY-ftlObj.y)/16;
ftlObj.sP(ftlObj.x, ftlObj.y);
ftlObj2.y += (pY+startLY-ftlObj2.y)/16;
ftlObj2.sP(ftlObj2.x, ftlObj2.y);
setTimeout(“stayTopLeft()”, 1);
}
ftlObj = ml(“divAdRight”);
//stayTopLeft();
ftlObj2 = m2(“divAdLeft”);
stayTopLeft();
}
function ShowAdDiv()
{
var objAdDivRight = document.getElementById(“divAdRight”);
var objAdDivLeft = document.getElementById(“divAdLeft”);
if (document.body.clientWidth < 1000)
{
objAdDivRight.style.display = “none”;
objAdDivLeft.style.display = “none”;
}
else
{
objAdDivRight.style.display = “block”;
objAdDivLeft.style.display = “block”;
FloatTopDiv();
}
}
</script>
<script>
document.write(“<script type=’text/javascript’ language=’javascript’>MainContentW = 1000;LeftBannerW = 125;RightBannerW = 125;LeftAdjust = 50;RightAdjust = 50;TopAdjust = 10;ShowAdDiv();window.onresize=ShowAdDiv;;<\/script>”);
</script>

Tùy Chỉnh Code

1. http://vnexpress.net/ : là liên kết mở ra khi người đọc click vào ảnh.
2. Phần màu vàng trong đoạn code <img src=”…”/>  là link ảnh banner trượt dọc sẽ hiển thị
3. width=”125″ : chiều rộng của banner. Có 2 giá trị được đánh dấu màu cam
4. MainContentW = 1000 : chiều rộng trang web. Có 2 giá trị được đánh dấu cùngmàu tím,
5. LeftAdjust = 5 : khoảng cách từ mép trái trang web đến banner
6. RightAdjust = 5 : khoảng cách từ mép phải trang web đến banner
7. TopAdjust = 10 : khoảng cách từ mép trên trang web đến banner