Cách tạo banner quảng cáo trượt dọc 2 bên cho blogspot,web

bạn đang có một blog ,hoặc trang web ,bạn muốn tạo cho mình baner quảng cáo cho mình ,cho thêm phần xinh động và kiếm thêm thu nhập cho bản thân mình bạn hãy code phần bên dưới này nhé

Đầu tiên bạn vào blog  chọn mở
1. Đăng nhập vào tài khoản Blogger
2. Chọn Bố cục 
3. Chọn tiện ích HTML/ Javascript và dán đoạn code bên dưới vào

<div id="divAdRight" style="DISPLAY: none; POSITION: absolute; TOP: 0px">
<a href="http://nhinvequehuongvietnam.blogspot.sk/" target="_blank"><img src="LINK ẢNH BANNER 1" /></a>
 
</div>
<div id="divAdLeft" style="DISPLAY: none; POSITION: absolute; TOP: 0px">
<a href="http://nhinvequehuongvietnam.blogspot.sk/" target="_blank"><img src="LINK ẢNH BANNER 2" /></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>

 Thay link
"http://nhinvequehuongvietnam.blogspot.sk/
 Thay  link ảnh theo ý bạn
và thay 
MainContentW = 1000 là số liệu mở rộng cho hai khung hai bên baner của bạn tùy chỉnh theo ý muôn

chúc các bạn thành công

Share this article :

+ nhận xét + 1 nhận xét

lúc 06:49 10 tháng 6, 2018

cho mình hỏi không muốn banner hiện lên khi xem trên điện thoại, chỉ xem trên máy tính thì sửa code này thế nào hả bạn. Cảm ơn bạn!

Đăng nhận xét

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Phong Cách Đẹp Euro Viet.Net - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger