Làm banner quảng cáo Popup cho blogspot

Nhận được yêu cầu của một số thành viên, hôm nay chúng tôi đăng bài viết này hướng dẫn cách tạo một banner quảng cáo dành cho blog của google.
Dưới dây là đoạn code viết sẵn dạng HTML, bạn chỉ cần coppy về thay lại thông tin tương ứng đúng với thông tin website của bạn là được.
Quảng cáo dạng Popup cho blogspot
Đây là tạo banner quảng cáo hiển thị dạng popup – nghĩa là mẫu quảng cáo sẽ bật lên khi người đọc ghé thăm website của bạn.
Demo

Code html :
1. Vào Thiết kế > Phần tử trang
2. Tạo một widget HTML\JavaScripts và chèn vào code bên dưới :
<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(http://thamtunhatnguyet.com/upanh/server/php/tmp_files/banner_x9Huw_20130424004242.gif no-repeat right top;}
#cob263512{background:url(http://thamtunhatnguyet.com/upanh/server/php/tmp_files/banner_x9Huw_20130424004242.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(http://thamtunhatnguyet.com/upanh/server/php/tmp_files/banner_x9Huw_20130424004242.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>
 Công ty dịch vụ thám tử Nhật Nguyệt, nơi cung cấp thám tử tư uy tín nhất. Văn phòng thám tử hoạt động trên toàn quốc. 0948.148.848 - 0948.848.848
</div>
<div id="co453569">

<a target="_blank" href="http://7phut.net/" rel="nofollow"> <img style="margin:3px 1px 1px 3px;" border="0" width="264" src="http://thamtunhatnguyet.com/upanh/server/php/tmp_files/banner_x9Huw_20130424004242.gif" height="115" title="Namkna | Kiến thức - Giải Trí - Thủ thuật - Giải pháp công nghệ"/></a>


</div>
</div></div></div>
<script>
pf204652bottomLayer = document.getElementById('fl813691');
var pf204652IntervalId = 0;
var pf204652maxHeight = 150;//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>
Trong đoạn code trên :
thamtunhatnguyet.com- Công ty dịch vụ thám tử Nhật Nguyệt, nơi cung cấp thám tử tư uy tín nhất. Văn phòng thám tử hoạt động trên toàn quốc. 0948.148.848 - 0948.848.848 : tiêu đề khung quảng cáo
http://thamtunhatnguyet.com: liên kết đến website nhà quảng cáo
http://thamtunhatnguyet.com/upanh/server/php/tmp_files/banner_x9Huw_20130424004242.gif : hình ảnh quảng cáo
Bổ xung: <17/10/2011>: Để thủ thuật hiện bên trái thì bạn thay chữ ringht:0 thành left:0
3. Save and Done.
Hi vọng bài viết này sẽ có ích cho các bạn, nếu bạn nào mới chưa làm được hoặc có chỗ nào chưa hiểu thì các bạn cứ để lại comment tôi sẽ giải thích cụ thể cho các bạn. Hoặc các bạn có thể tiếp tục theo dõi trong bài viết tiếp theo.

Làm banner quảng cáo Popup cho blogspot

0 nhận xét:

Post a Comment

PHỔ BIẾN