Một vài bạn có pm hỏi mình code hiện quảng cáo 2 bên của blog mà không trượt theo khi mình di chuyển xuống phía dưới. Demo thì giống cái background của blog http://www.vietblogger.net
Các bạn chỉ cần copy và paste code vào 1 Gadget - HTML/JavaScript
Share code quảng cáo 2 bên không trượt
<style>
#left_ads_float
{
bottom:24px;
left:0px;
position:fixed; }
#right_ads_float
{
bottom:24px;
right:0px;
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>
<div id="left_ads_float">
<a href="Link đường dẫn" target="_blank"><img border="0" src="Link hình ả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 hình ảnh bên phải" width="120"></a>
</div>
Chúc các bạn thành công ~!


link dẫn đường là như thế nào vậy Tuấn Anh. mình chưa rõ lắm. nếu chọn ảnh thì phải chọn ảnh vừa với cái slide bar hay là nó tự điều chỉnh vậy.
ReplyDeletelink ảnh là bạn có thể up lên host, hoặc dropbox cho không bị mất size gốc, ảnh mình phải chọn kích thước cho nó thông thường khhoangr 650x150 , cũng tùy vào từng template
Deleteà.thanks
Deletecode này có tự co giãn khi màn hình bị thu hẹp không bạn
ReplyDeleteCó chứ bạn
Deletecho mình xin cái code cmt face book nha bạn làm hoài k được
ReplyDelete