Code Banner Quảng Cáo Trượt Dọc 2 Bên Cho Blogspot / Website | Vina4all chia sẻ kiến thức công nghệ
Latest: Tải miễn phí bản cập nhật mới dành cho các hệ điều hành windows vá mã độc WannaCry | (Update bản vá MS 17-010)

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

0 nhận xét

Đâ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

Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

  • MBT Icons and buttons

    Microsoft Windows XP SP3

    Một hệ điều hành Windows chạy nhanh ổn định nhất cho đến nay, chiếm ít ram và tài nguyên CPU...

  • choosing webhost for a blog

    Windows 7 Professional

    Một thay thế cho windows XP Pro tương lai, các ứng dụng phần mềm, fix lỗi, bảo mật...

  • SEO Settings for blogger

    Windows 8/8.1 Professional

    Một phát triển từ Windows 7. Thay đổi về mặt giao diện đồ họa và các giao tiếp với các thiết bị ngoại vi... !

  • Blogger widgets and plugins

    Windows 10 Creators update

    Một sự cải tiến mạnh mẽ về tính năng bảo mật hỗ trợ đa phương tiện, chưa hoàn thiện

  • become a six figure blogger!

    Windows Server 2008 R2

    Một bản Windows dành cho IT để quản lý các máy tính trong mạng LAN/WAN, Security, Firewall...!