Cách tạo banner quảng cáo nằm dọc 2 bên website và blogspot

Code này khá tiện lợi vì khi gặp màn hình vuông (độ phân giải 768x1024) thì banner sẽ không bị chèn vào trong gây khó chịu vướng víu mà nó sẽ tự mất đi, nhưng chỉ những ai sử dụng màn hình dài mới thấy được quảng cáo. Và code này đã fix cho nằm im không chạy giựt giựt gây nhức mắt cho người dùng.

Cách tạo banner quảng cáo nằm dọc 2 bên Website và Blogspot

Đối với Blogspot:

Bước 1: Đăng nhập vào Blog
Bước 2: Vào bố cục (Layout)
Bước 3: Chọn Thêm tiện ích (add widget)
Bước 4: Tạo Widget HTML \ Javascripts và chèn đoạn mã dưới đây:

Đối với Website:  

Bạn chỉ cần thêm phần mã dưới lên trên thẻ đóng </ body>

<div id="left_ads_float">
        <a href="http://vinll.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcJew9bMfIx5eubMpZI7POLCdJmkltnLN3WuUfpb2JP8Ye2agmySxfk7XodL6PyjfxtNGBM7grtXnSBHE60Eaeu8_S7sAuoKSnYsJc1slekdLnJQ19nME5XsvVgsi93QKJJYgUfRTaJZo/s1600/fptarena1.png" width="120" /></a>
    </div>
    <div id="right_ads_float">
       <a href="http://vinll.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcJew9bMfIx5eubMpZI7POLCdJmkltnLN3WuUfpb2JP8Ye2agmySxfk7XodL6PyjfxtNGBM7grtXnSBHE60Eaeu8_S7sAuoKSnYsJc1slekdLnJQ19nME5XsvVgsi93QKJJYgUfRTaJZo/s1600/fptarena1.png" width="120" /></a>
    </div>
<style>
#left_ads_float
{
    bottom:24px;
    left: 10px;
    position:fixed; }
#right_ads_float
{
    bottom:24px;
    right: 10px;
    position:fixed;
}
</style>
<script>
var vtlai_remove_fads=false;
function vtlai_check_adswidth()
    {
        if(vtlai_remove_fads)
        {
            document.getElementById('left_ads_float').style.display='none';
            document.getElementById('right_ads_float').style.display='none';
            return;
        }else if(document.cookie.indexOf('vtlai_remove_float_ads')!=-1)
        {
            vtlai_remove_fads=true;
            vtlai_check_adswidth();
            return;
        }
        else
        {
            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';
            }
            else
            {
                document.getElementById('left_ads_float').style.display='block';
                document.getElementById('right_ads_float').style.display='block';
            }
            setTimeout('vtlai_check_adswidth()',10);
        }
    }
</script> 

Tùy chỉnh:

• http://vinll.blogspot.com/: Các bạn thay bằng đường link của các bạn.
• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcJew9bMfIx5eubMpZI7POLCdJmkltnLN3WuUfpb2JP8Ye2agmySxfk7XodL6PyjfxtNGBM7grtXnSBHE60Eaeu8_S7sAuoKSnYsJc1slekdLnJQ19nME5XsvVgsi93QKJJYgUfRTaJZo/s1600/fptarena1.png: Thay bằng link hình ảnh của bạn, kích cỡ chuẩn nhất là 120x600.
• bottom:24px: khoảng cách của banner với lề dưới màn hình.
• left: 10px: khoảng cách của banner với lề trái màn hình.
• right: 10px: khoảng cách banner với lể phải màn hình.