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
Tags:
 |
| 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
Với blog của mình thì sao không làm được nhỉ http://sieuthigiare247.blogspot.com/
Trả lờiXóalam duoc ma
Xóanhưng blog của mình chỉ có thể thêm HTML ở khung bên phải thì mình làm thế nào bạn
Trả lờiXóacứ làm theo đúng hướng dẫn, paste vào bên nào chẳng dc
Xóaadmin ơi!
Trả lờiXóacho mình hỏi cách chèn quảng cáo của Google lên trang web của mình mà sao nó không hiện. Ad có thể cho mình ý kiến được chứ (mình đã copy code quảng cáo và chèn vào HTLM/Javascrip nhưng sao nó chỉ màu trắng và trống trơn ah. Thanks Adm nhiều!
http://asashops.blogspot.com/
chào adm.
Trả lờiXóaadm cho mình hỏi, sao mình chèn code quảng cáo vào blog rồi mà vẫn không thấy hiện lên chỉ thấy khung trắng thôi, adm có ý gì giúp mình với.
http://asashops.blogspot.com/
cảm ơn adm nhiều!