Mã tạo biểu ngữ quảng cáo biểu ngữ chạy dọc 2 bên web - Blogspot Fix đứng
- Đối với Blogspot
B1- Đăng nhập vào Blog
B2- Vào bố cục (Layout)
B3- Chọn Thêm tiện ích (add widget)
B4-Tạo Widget HTML \ Javascripts và chèn đoạn mã dưới đây:
- Còn đối với trang web thì bạn chỉ cần thêm phần mã dưới lên trên thẻ đóng </ body> ( Chú ý : các bạn thay đổi phần chữ màu đỏ theo ý thích của bạn nhé)
<Div id = "left_ads_float">
<a href=" liên kết đường dẫn "target="_blank"> <img border = "0" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4HsjlXKgUo0v9WcUohjgzYI4325b7Vj9LH59llB6wtrml3hLIBvKV1V3BZWZ79xMWOCCvy4b1zSGPNexBvxRqiSGJHwp-LZF4xAy_kOgM9Ylfn-iS2swtDZmQkHC0NWYlvd_4kfQh0fc/s1600/fptarena1 . png "width =" 120 "/> </a>
</ Div>
<Div id = "right_ads_float">
<a href=" liên kết đường dẫn "target="_blank"> <img border = "0" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4HsjlXKgUo0v9WcUohjgzYI4325b7Vj9LH59llB6wtrml3hLIBvKV1V3BZWZ79xMWOCCvy4b1zSGPNexBvxRqiSGJHwp-LZF4xAy_kOgM9Ylfn-iS2swtDZmQkHC0NWYlvd_4kfQh0fc/s1600/fptarena1 . png "width =" 120 "/> </a>
</ Div>
<Style>
#left_ads_float
{
bottom: 24px ;
left: 10px ;
vị trí: cố định; }
#right_ads_float
{
bottom: 24px ;
right: 10px ;
vị trí: cố định;
}
</ Style>
<Script>
var vtlai_remove_fads = false;
chức năng vtlai_check_adswidth ()
{
if (vtlai_remove_fads)
{
document.getElementById ('left_ads_float') style.display = 'none'.
document.getElementById ('right_ads_float') style.display = 'none'.
trở lại;
} Else if (document.cookie.indexOf ('vtlai_remove_float_ads') = - 1)
{
vtlai_remove_fads = true;
vtlai_check_adswidth ();
trở lại;
}
khác
{
var lwidth = parseInt (document.body.clientWidth);
if (lwidth <1110)
{
document.getElementById ('left_ads_float') style.display = 'none'.
document.getElementById ('right_ads_float') style.display = 'none'.
}
khác
{
. document.getElementById ('left_ads_float') style.display = 'block';
. document.getElementById ('right_ads_float') style.display = 'block';
}
setTimeout ('vtlai_check_adswidth ()', 10);
}
}
</ Script>
- Dạng is này dạng 2 biểu ngu ra 2 bên web. Khi kéo chuột xuống sẽ hiệu ứng 2 biểu ngữ trượt theo trong khi kéo chuột Xương
Cách làm như sau
Trang web Đối với: Bạn chỉ cần thêm phần mã dưới lên trên thẻ đóng </ body>
Đối với Blogspot
B1- Đăng nhập vào Blog
B2- Vào bố cục (Layout)
B3- Chọn Thêm tiện ích (add widget)
B4-Tạo Widget HTML \ Javascripts và chèn đoạn mã dưới đây:
<Div id = "divAdRight" style = "DISPLAY: none; POSITION: absolute; TOP: 0px">
<a href=" http://ibiet.blogspot.com/ "> <img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4HsjlXKgUo0v9WcUohjgzYI4325b7Vj9LH59llB6wtrml3hLIBvKV1V3BZWZ79xMWOCCvy4b1zSGPNexBvxRqiSGJHwp-LZF4xAy_kOgM9Ylfn-iS2swtDZmQkHC0NWYlvd_4kfQh0fc/s1600/fptarena1.png " width="125" /></a>
</ Div>
<Div id = "divAdLeft" style = "DISPLAY: none; POSITION: absolute; TOP: 0px">
<a href=" http://ibiet.blogspot.com/ "> <img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4HsjlXKgUo0v9WcUohjgzYI4325b7Vj9LH59llB6wtrml3hLIBvKV1V3BZWZ79xMWOCCvy4b1zSGPNexBvxRqiSGJHwp-LZF4xAy_kOgM9Ylfn-iS2swtDZmQkHC0NWYlvd_4kfQh0fc/s1600/fptarena1.png " width="125" /></a>
</ Div>
<Script>
hoạt 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 = tài liệu;
chức năng 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;
TRO el;
}
chức năng 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;
trở 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 ();
}
hoạt ShowAdDiv ()
{
var objAdDivRight = document.getElementById ("divAdRight");
var objAdDivLeft = document.getElementById ("divAdLeft");
if (document.body.clientWidth <1000)
{
objAdDivRight.style.display = "none";
objAdDivLeft.style.display = "none";
}
khác
{
objAdDivRight.style.display = "block";
objAdDivLeft.style.display = "block";
FloatTopDiv ();
}
}
</ Script>
<Script>
document.write ("<'text / javascript' script type = language =" javascript ">MainContentW = 1000; LeftBannerW = 125; RightBannerW = 125; LeftAdjust = 5; RightAdjust = 5; TopAdjust = 10; ShowAdDiv (); cửa sổ . <\ / script> ") onresize = ShowAdDiv ;;;
</ Script>
Phần bạn cần tùy chỉnh mã
- http://ibiet.blogspot.com/ : là liên kết mở ra khi đọc bấm vào ảnh.
- Phần màu cam trong đoạn mã <img src = "..." /> là link ảnh biểu ngữ trượt dọc sẽ hiển thị
- width = "125" : chiều rộng của banner. Có 2 giá trị được đánh dấu màu cam
- MainContentW = 1000 : rộng chiều trang web. Có 2 giá trị được đánh dấu cùng màu tím,
- LeftAdjust = 5 : khoảng cách từ mép trái trang web biểu ngữ để
- RightAdjust = 5 : khoảng cách từ mép phải trang biểu ngữ để web
- TopAdjust = 10 : khoảng cách từ mép trên trang web biểu ngữ để
Chúc các bạn thành công!
Không có nhận xét nào:
Đăng nhận xét