Popup quảng cáo là một loại hình quảng cáo khá hiệu quả http://socialmediav.blogspot.com/ sẽ hướng dẫn cho bạn cách tạo popup quảng cáo cho 1 trang blog hoặc trang web,có thể là trang video...tạo popup này rất đơn giản,chỉ có 1 code các bạn dán vào widget là xong.
1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Tạo 1 JavarScript/HTML sau đó dán toàn bộ code sau vào:
<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/AVvXsEjqVeFDhh14KzKAhWpXMXGRUBrhpjX-I1F653LfxWdqFu-WMHEsA-whIWDQYuVd__PcB7FzKAhTZK3q2FmbVcqO9Acu1M4qopoB6OWyQLFIMAxa4wpYPfCMwSUvquAHctiWLaQkyHrgEGs/s1600/rightp.gif) no-repeat right top;}
#cob263512{background:url(http://i1121.photobucket.com/albums/l502/chjpchjp1991/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/AVvXsEh497dbUha3NizoZ_k_CtVKd15Y-ShtN1sUes_QvQ7bhr6gHzN3RRlyYl5bNZbY1Y2xeuBfIfb8315l69L9LHCLdqKEb4W0liQazH4JmLtQPHj79YuYwj-P8xalAOm2MzGCDQJUexMo1w0/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>
Thử nghiệm quảng cáo.
</div>
<div id="co453569">
<!-- code adsens -->
<a target="_blank" href="http://www.muabannhadep.net/2012/06/dich-vu-bat-ong-san.html" rel="nofollow"> <img style="margin:3px 1px 1px 3px;" border="0" width="267" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtaIygq8YaNW7hiSbqbEttMhikL3rTLo-aDVT6Z2ZgddBR4UQdjnJNj4dnKyNC-AqzHgCPpqGDyxv1BsNx-WQOE455nh8_fjoLbDYlJ7M2shVZNcRgpUm_omrkHW7yYevMMRjgsT-yCled/s1600/100_2010111617726_nha_dat1.jpg" height="115" title="Social Media Viet"/></a>
<!-- code ads --></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>
-Dòng chữ màu đỏ là Link trỏ đến trang đích
-Dòng chữ màu xanh là link ảnh hiển thị
-Dòng chữ màu cam là tên hiển thị
Chúc các bạn thành công!
Pham Hung
Nỗi sợ cái chết đến từ nỗi sợ cuộc sống. Người sống được hết mình luôn sẵn sàng chết bất cứ lúc nào. Chúng ta hãy sống sao cho khi chết, ngay cả người làm tang lễ cũng thấy tiếc thương. Đừng có đi loanh quanh mà nói rằng thế giới này nợ bạn cuộc sống. Thế giới chẳng nợ bạn điều cả. Nó ở đây từ trước rồi....
0 nhận xét:
Đăng nhận xét