Code tạo banner quảng cáo banner chạy dọc 2 bên web - Blogspot

Mã tạo biểu ngữ quảng cáo biểu ngữ chạy dọc 2 bên web - Blogspot .Hướng dẫn tạo quảng cáo trượt 2 bên trang web.Code tạo biểu ngữ quảng cáo biểu ngữ chạy dọc 2 bên website.Javasrcipt quảng cáo chạy 2 bên trang web. Mã tạo biểu ngữ quảng cáo biểu ngữ chạy dọc 2 bên web - Blogspot trong khi kéo chuột xuống thì nó chạy theo

Sau đây IBiet  xin chia sẻ you the cho hay làm web-blogspot Đặng không có nhu cầu tạo biểu ngữ quảng cáo, Mã này khá tiện lợi vì khi gặp màn hình vuông (độ phân giải 768x1024) thì biểu ngữ sẽ bi chèn vào nguyên nhân gây ra khó chịu vuong viu má nó sẽ mất đi tu, nhưng chỉ có ai sử dụng màn hình dài mới thấy được quảng cáo. Mã và có sửa chữa cho be im và chạy dọc nhiều em ái ko chạy giựt giựt gây Nhức mắt cho người dùng

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/AVvXsEhacXpA69rFp7y2d7qhxfqFYUXPXGx4y7vAOcT1dKWj26q_NY2lpLnivOcQ3f_OacpEpFylcWJrlePYXU2oRXD7AHe63tH4_qQFkDWlmo_Fwy36-4fJKDGLDNrkjOqM4mnP0ZKcAKdWEIY/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/AVvXsEhacXpA69rFp7y2d7qhxfqFYUXPXGx4y7vAOcT1dKWj26q_NY2lpLnivOcQ3f_OacpEpFylcWJrlePYXU2oRXD7AHe63tH4_qQFkDWlmo_Fwy36-4fJKDGLDNrkjOqM4mnP0ZKcAKdWEIY/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>
   

Cách tạo Banner quảng cáo trượt dọc 2 bên cho blogspot / website

- 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/AVvXsEhacXpA69rFp7y2d7qhxfqFYUXPXGx4y7vAOcT1dKWj26q_NY2lpLnivOcQ3f_OacpEpFylcWJrlePYXU2oRXD7AHe63tH4_qQFkDWlmo_Fwy36-4fJKDGLDNrkjOqM4mnP0ZKcAKdWEIY/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/AVvXsEhacXpA69rFp7y2d7qhxfqFYUXPXGx4y7vAOcT1dKWj26q_NY2lpLnivOcQ3f_OacpEpFylcWJrlePYXU2oRXD7AHe63tH4_qQFkDWlmo_Fwy36-4fJKDGLDNrkjOqM4mnP0ZKcAKdWEIY/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!