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
Thứ Ba, 31 tháng 10, 2017
Filled Under: thu-thuat-blogspot
cách tạo hai thanh banner chạy dọc hai bên cho website blogspot thành công 100%
Socialize It → 
 | 
 | 
Đăng ký:
Đăng Nhận xét (Atom)
Giới thiệu về tôi
Labels
Popular Posts
- 
<div class="toc_light_blue no_bullets" id="toc_container"> <ul class="toc_list"><b><ol...
 - 
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=...
 - 
PhucNguyenIT xin chào tất cả mọi người, hôm nay blogs PhucNguyenIT sẽ hướng dẫn mọi người một hướng dẫn về làm thế nào để tạo ra ...
 - 
Bắt đầu vào hướng dẫn tạo sticky menu thôi: - Đầu tiên phải tạo CSS cho nó, bạn vào Edit HTML là thêm đoạn CSS này phía trên thẻ ]]><...
 - 
<div style="border-radius: 100px; border: 10px solid #ff1493; padding: 30px; word-wrap: break-word;">nội dung ở đây</di...
 - 
1 A how-to guide and helpful informations about configuration and options in theme. If you have any questions or problems with this theme pl...
 - 
Chèn đoạn CSS sau phía trên thẻ ]]></b:skin> trong template: Bạn nhấn Ctrl+F để tìm thẻ #maincart a {padding:2px 10px; backgro...
 - 
Tác dụng: để nhà mạng không chặn blog Cách làm. Thay đổi DNS trực tiếp cho tên miền trỏ về blogspot (cách này hiệu quả nên dùng) Người...
 - 
Lỗi thứ nhất: Thường mấy bạn bắt đầu làm Blog trên nền tảng Blogger cứ nghỉ rằng ảnh upload lên Blogspot có liên quan gì ảnh trên picasaweb....
 - 
các thẻ cơ bản phổ biến trọng soạn thảo văn bản html thẻ tiêu đề <h1>nội dung</h1> <h2>nội dung</h2> ...
 
Follow on Facebook
Blog Archive
- tháng 3 2018 (1)
 - tháng 1 2018 (2)
 - tháng 12 2017 (2)
 - tháng 11 2017 (2)
 - tháng 10 2017 (4)
 

0 nhận xét:
Đăng nhận xét