Apr 9, 2013

Tạo quảng cáo góc dưới màn hình web


Để tạo quảng cáo hiện ở góc dưới màn hình ta làm như sau
-Đăng nhập Blogger
-Vào phần Bố cục > Thêm tiện ích > HTML/Javascript , rồi dán đoạn code sau


<style type="text/css"> 
* html div#fl813691 {position: absolute; overflow:hidden; 
top:expression(eval(document.compatMode && 
document.compatMode=='CSS1Compat') ? 
documentElement.scrollTop 
+(documentElement.clientHeight-this.clientHeight) 
: document.body.scrollTop 
+(document.body.clientHeight-this.clientHeight));} 
#fl813691{font: 12px Arial, Helvetica, sans-serif; color:#666; position:fixed; _position: absolute; 
right:0; bottom:0; height:150px; } 
#eb951855{ width:279px; padding-right:7px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQCL8Ej3bfny3MIW-Ixxz2DcPbmzBIR0f8CGIzJm2rjppj7PunFcPZiT2tPQu4KBgqY3fEVaR7YQDkrQ1GHiJUX4a9JU_OBCz_LdnhcYzqogFhsUWqdEmudKphPuJI5Yy92RLorNMqmog/s1600/rightp.gif) no-repeat right top;} 
#cob263512{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFj3818YpGmj6FI7qhd2NzhPTHvkOj19pFZcqwptU5WEIYYdCVsmIA8thqhI8__5Yg1E09v6Cy67CwIIcZtBvBQtWF94YNtUDrp1b2LN6wTdFpB12AOnzezZt8O_KR0PaK_VTQ10DYRTM/s1600/fulld.gif) no-repeat left top; height:150px; padding-left:7px;} 
#coh963846{color:#690;display:block; height:20px; line-height:20px; font-size:11px; width:277px;} 
#coh963846 a{color:#690;text-decoration:none;} 
#coc67178{float:right; padding:0; margin:0; list-style:none; overflow:hidden; height:15px;} 
#coc67178 li{display:inline;} 
#coc67178 li a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRNXsLP0EVtK4JQD94-Ac1eyp848LF1WoJm83oSKn-3lrnCqudVaA7dfPstqpoejJoaKk4rZ1Usj31u6XedNXyad4s7hJCHotIshqdFeHzaCZxkkEg51Vrg1jXuJ3ZNMirlGD8lSWRiaM/s1600/closebutton.gif); background-repeat:no-repeat; width:30px; height:0; padding-top:15px; overflow:hidden; float:left;} 
#coc67178 li a.close{background-position: 0 0;} 
#coc67178 li a.close:hover{background-position: 0 -15px;} 
#coc67178 li a.min{background-position: -30px 0;} 
#coc67178 li a.min:hover{background-position: -30px -15px;} 
#coc67178 li a.max{background-position: -60px 0;} 
#coc67178 li a.max:hover{background-position: -60px -15px;} 
#co453569{display:block; margin:0; padding:0; height:123px; border-style:solid; border-width:1px; border-color:#111 #999 #999 #111; line-height:1.6em; overflow:hidden;} 
</style> 
<div id="fl813691" style="height: 152px;"> 
<div id="eb951855"> 
<div id="cob263512"> 
<div id="coh963846"> 
<ul id="coc67178"> 
<li id="pf204652hide"><a class="min" href="javascript:pf204652clickhide();" title="Ẩn đi">Ẩn</a></li> 
<li id="pf204652show" style="display: none;"><a class="max" href="javascript:pf204652clickshow();" title="Hiện lại">Xem </a></li> 
</ul> 
&nbsp;(Tiêu đề quảng cáo)

</div> 
<div id="co453569"> 
<!-- code ads --> 
<a target="_blank" href="(Địa chỉ Website quảng cáo)" rel="dofollow"> <img style="margin:3px 1px 1px 3px;" border="0" width="260" src="(Link ảnh quảng cáo)" height="115" title="(Tên Website quảng cáo)"/></a> 
<!-- code ads -->
</div> 
</div></div></div> 
<script> 
pf204652bottomLayer = document.getElementById('fl813691');
var pf204652IntervalId = 0; 
var pf204652maxHeight = 148;//Chieu cao khung quang cao 
var pf204652minHeight = 20; 
var pf204652curHeight = 0; 
function pf204652show( ){ 
pf204652curHeight += 2; 
if (pf204652curHeight > pf204652maxHeight){ 
clearInterval ( pf204652IntervalId ); 
} 
pf204652bottomLayer.style.height = pf204652curHeight+'px';
} 
function pf204652hide( ){ 
pf204652curHeight -= 3; 
if (pf204652curHeight < pf204652minHeight){ 
clearInterval ( pf204652IntervalId ); 
} 
pf204652bottomLayer.style.height = pf204652curHeight+'px';
} 
pf204652IntervalId = setInterval ( 'pf204652show()', 5 ); 
function pf204652clickhide(){ 
document.getElementById('pf204652hide').style.display='none';
document.getElementById('pf204652show').style.display='inline';
pf204652IntervalId = setInterval ( 'pf204652hide()', 5 ); 
} 
function pf204652clickshow(){ 
document.getElementById('pf204652hide').style.display='inline';
document.getElementById('pf204652show').style.display='none';
pf204652IntervalId = setInterval ( 'pf204652show()', 5 ); 
} 
function pf204652clickclose(){ 
document.body.style.marginBottom = '0px'; 
pf204652bottomLayer.style.display = 'none'; 
} 
</script>


Bạn thay đổi các dữ liệu cần thiết
Code này cho phép hiện quảng cáo ở góc dưới bên phải web,để hiện quảng cáo bên trái thì các bạn thay right:0 thành left:0

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

Bình luận

 
Lên đầu trang