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

Written By blogger

Chủ Nhật, 24 tháng 11, 2013

Chia sẻ :

Tweet

Hiện nay có rất nhiều chia sẻ code tạo banner quảng cáo banner chạy dọc 2 bên cho Blogspot cũng như cho website. Nhưng có lẽ đây là code mà mình cảm thấy sử dụng tốt nhất với nhiều ưu điểm như: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 và chạy dọc rất êm ái ko chạy giựt giựt gây nhức mắt cho người dùng.

Hình ảnh minh họa Banner quảng cáo chạy dọc 2 bên

Cách thực hiện: 

Với Blogspot bạn chỉ cần thêm đoạn code dưới vào tiện ích HTML/Javascript là ok.

Với website thì bạn chỉ cần thêm phần code dưới lên trên thẻ đóng </body>

<div id="left_ads_float">
        <a href="Link đường dẫn" target="_blank"><img border="0" src="Link ảnh bên trái" width="120" /></a>
    </div>
    <div id="right_ads_float">
       <a href="Link đường dẫn" target="_blank"><img border="0" src="Link ảnh bên phải" 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>

Các bạn thay đổi các thông số cho phù hợ, ở đây gồm có:
- Link đường dẫn bên trái/phải
- Link ảnh bên trái/phải
- 24px: cách đáy 24 điểm ảnh
- 10px: cách bên trái/phải 10 điểm ảnh.

Chúc các bạn thành công!

Nguồn: Bít Tuốt Blog

Tag : Blogger , Blogspot