Thứ Ba, 31 tháng 10, 2017

cách tạo hai thanh banner chạy dọc hai bên cho website blogspot thành công 100%

sau đâu mình chia sẻ cách tạo hai thanh banner chạy dọc them website blogspot
các bạn tạo wigid rồi dán đoạn code này vào
<div id="divAdRight" style="DISPLAY: none; POSITION: absolute; TOP: 0px">     
<a href="url link liên kết"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUMYIiwVBJqb8KpPaytKD3NIRKE2REuDdOM_5jD-2_r0e9UartfY42ltX_dj3Z4I6smLWakAr91_XHFxV5rgt2NTjl6VUIgZdAv2XQp9bkrF01vM4ARhNEhBJlaONScDZNHnUm6tAr5kQN/s1600/banner-quang-cao-dep-nhat-truot-doc-2-ben-namkna-blogspot.png" width="125" /></a>
</div>     
<div id="divAdLeft" style="DISPLAY: none; POSITION: absolute; TOP: 0px">     
<a href="url link liên kết"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUMYIiwVBJqb8KpPaytKD3NIRKE2REuDdOM_5jD-2_r0e9UartfY42ltX_dj3Z4I6smLWakAr91_XHFxV5rgt2NTjl6VUIgZdAv2XQp9bkrF01vM4ARhNEhBJlaONScDZNHnUm6tAr5kQN/s1600/banner-quang-cao-dep-nhat-truot-doc-2-ben-namkna-blogspot.png" 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 = 120;RightAdjust = 120;TopAdjust = 200;ShowAdDiv();window.onresize=ShowAdDiv;;<\/script>");     
</script>

sau đó lưu lại và tùy chỉnh những thông số sau đâu cho phù hợp với website của bạn.
Tùy chỉnh code!
url link liên kết : là liên kết mở ra khi người đọc click vào ảnh.
Phần màu vàng trong đoạn code <img src=”…”/>  là link ảnh banner trượt dọc sẽ hiển thị
width="125" : chiều rộng của banner. có hai giá trị hai bên các bạn có thể điều chỉnh tùy ý
MainContentW = 1000 : chiều rộng trang web. Có 2 giá trị được đánh dấu cùng màu tím,
LeftAdjust = 120 : khoảng cách từ mép trái trang web đến banner
RightAdjust = 120 : khoảng cách từ mép phải trang web đến banner
TopAdjust = 200 : khoảng cách từ mép trên trang web đến banner

0 nhận xét:

Đăng nhận xét