Hướng dẫn chèn code để đặt các banner quảng cáo trượt, chạy dọc 2 bên trên website hoặc Blogspot đơn giản.
Sau đây mình xin chia sẻ đến các bạn cách đặt banner lên web hay blogspot chạy dọc 2 bên rất dễ dàng và mượt, 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 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

Code tạo banner quảng cáo banner 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 một widget HTML\Javascripts và chèn vào đoạn code bên dưới :
*Với website thì bạn chỉ cần  thêm đoạn code lên trên thẻ đóng </body> nhé (nhớ là ở trên đấy)
<div id="left_ads_float">
        <a href="Link đường dẫn" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoYidwRat6qWxCM8EjBZ1OjgsquwyExaibgCiqfrA7GrZ0MvPH9V0TE9VQ1AZMQjsVbqdTMlFrMIacXcvrJMDDV87lxTAOzcBvV-FmnJ357Nmn88t1dCgg0fPV-CTDdSKjYhnf6zlaFAU/s1600/fptarena1.png" width="120" /></a>
    </div>
    <div id="right_ads_float">
       <a href="Link đường dẫn" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoYidwRat6qWxCM8EjBZ1OjgsquwyExaibgCiqfrA7GrZ0MvPH9V0TE9VQ1AZMQjsVbqdTMlFrMIacXcvrJMDDV87lxTAOzcBvV-FmnJ357Nmn88t1dCgg0fPV-CTDdSKjYhnf6zlaFAU/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>

Hoặc nếu bạn muốn quảng 2 bên quảng cáo có thêm chức năng Remove Ads (tắt quảng cáo) thì có thể dùng đoạn code này 
Có thể sửa độ cao thấp của quảng cáo bằng các chỉ số trên bottom


<style>
#left_ads_float
{bottom:0px;
left:0px;
position:fixed;}
#right_ads_float
{bottom:0px;
right:0px;
position:fixed;}
</style>
<script>
var vcons_remove_fads=false;
function vcons_check_adswidth()
{if(vcons_remove_fads) 
{ document.getElementById('left_ads_float').style.display='none';
document.getElementById('right_ads_float').style.display='none';
return;
}else if(document.cookie.indexOf('vcons_remove_float_ads')!=-1)
{
vcons_remove_fads=true;
vcons_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('vcons_check_adswidth()',10);
}
} function remove_ads()
{
document.cookie = "vcons_remove_float_ads=1; expires=Thu, 11-Aug-2050 18:09:14 GMT; path=/";
document.getElementById('left_ads_float').style.display='none';
document.getElementById('right_ads_float').style.display='none';
}
</script>
<div id="left_ads_float">
<a href="javascript:remove_ads()" style="display:block;background-color:#b0c4de;border-bottom: 1px solid #03C"> [X] Remove ADS</a>
<a href="Link quảng cáo của bạn" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSMixxSZ0-FDPsI2PMLMoaKDlOCNmFP6yAXMKPz6g_WzIBHZCqoM9Adiz56bhlvx5TEI98zKFFae9KvzoSLw25ilPdIHdJcvrHJkdgA4otQ6ONeQifylWBxkTx6jQ9IPaQcOeHD4Xi46w/s1600/banner-right.gif" width="150" height="540" /></a>
</div>
<div id="right_ads_float">
<a href="javascript:remove_ads()" style="display:block;background-color:#b0c4de;border-bottom: 1px solid #03C"> [X] Remove ADS</a>
<a href="Link quảng cáo của bạn" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSMixxSZ0-FDPsI2PMLMoaKDlOCNmFP6yAXMKPz6g_WzIBHZCqoM9Adiz56bhlvx5TEI98zKFFae9KvzoSLw25ilPdIHdJcvrHJkdgA4otQ6ONeQifylWBxkTx6jQ9IPaQcOeHD4Xi46w/s1600/banner-right.gif" width="150" height="540" /></a>
</div>

Post a Comment

 
Top