Gần đây mình làm một số blogspot cho các bạn thấy ai cũng muốn thêm code quảng cáo chạy dọc 2 bên website, blog, hôm nay mình sưu tầm và post lên đây cho những bạn cần có thể sử dụng hoặc chưa biết có thể áp dụng ngay cho blog của mình, code quảng cáo chạy 2 bên này sẽ tự động mất khi độ phân giải màn hình nhỏ giúp website của bạn không bị che bởi quảng cáo.
Cách làm:
Đăng nhập => Bố cục => Thêm tiện ích HTML/Javacript => Paste đoạn code sau vào:
Chúc bạn thành công
![]() |
Demo quảng cáo chạy dọc 2 bên website |
Đăng nhập => Bố cục => Thêm tiện ích HTML/Javacript => Paste đoạn code sau vào:
<div id="divAdRight" style="DISPLAY: none; POSITION: absolute; TOP: 0px;padding-top:100px;">
<!-- noi dung hien thi ADS ben phai -->
<a href="http://www.share123.vn/"><img src="https://lh3.googleusercontent.com/-PMhRB1sP5Ds/UpzNjrqZS9I/AAAAAAAAB7E/k7djtSLuM-Q/w120-h300-no/ca-do-188bet.gif" /></a>
</div>
<div id="divAdLeft" style="DISPLAY: none; POSITION: absolute; TOP: 0px;padding-top:100px;">
<!-- noi dung hien thi ADS ben trai -->
<a href="http://www.share123.vn/"><img src="https://lh3.googleusercontent.com/-vaHabkucNNA/Unx-ZcdQerI/AAAAAAAABZM/OXqohsxqMpg/w120-h300-no/m88-bet.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 = 5;RightAdjust = 5;TopAdjust = 10;ShowAdDiv();window.onresize=ShowAdDiv;;<\/script>");
</script>
Bạn thay đoạn code màu đỏ thành đoạn quảng cáo bạn muốn hiển thị, nếu muốn quảng cáo hiện sát mép trên cùng trình duyệt thì bỏ padding-top:100px; đi nhé.Chúc bạn thành công
Nguồn Share123.vn
