Chip giới thiệu cho các bạn 1 thủ thuật 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?
Bắt đầu thủ thuật nào!
Các bạn vào Thiết kế ► Phần tử trang ►Tạo 1 Javar/Script sau đó dán toàn bộ code sau vào?
-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?
Blog Điện Tử | Tin Học
Bắt đầu thủ thuật nào!
Các bạn vào Thiết kế ► Phần tử trang ►Tạo 1 Javar/Script sau đó dán toàn bộ code sau vào?
<!--POPUP QUẢNG CÁ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/AVvXsEgqTHHUcyM1kZcSE7e-vp-CZ-EzDBIiHLBLQCZ3oE3RSw5dUMX4JlYj8ipNTRo_YJgKg_dM9RAKs0rY6WJXch2ds9Ykr4EA6XTqWMiitMxJPCJVPtXtzrFhifrzc7OP1lDSlmOnDKz6BiA/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/AVvXsEhpC6mf54-79tAkiCT3VLOhfZ0Iy7lFVvjiUPq1Xf2Lnq708draTvC_ieFho6scRP97LMWcIaChjyGmx9-H-3zd1pFxw8s7anbacxfe3ocONFwNI1UXpdaExZQuTWDEpw0PHuhKobeFdaE/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>
XEM PHIM NHANH.
</div>
<div id="co453569">
<!-- code adsens -->
<a target="_blank" href="http://www.vinaphim.org/" rel="nofollow"> <img style="margin:3px 1px 1px 3px;" border="0" width="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqFb2KHMTy2L66W7Qvvh6V5pz3P99xDX8JFOsHlqB-GdUJ1sdIzwbUFDtCUx8SZoMLgg_Xac6YvLLBBaJfr6KS-mKX_Q03QvKZuM6X8dmFtYRyPpTxBjfPcYcX2eadJpCf96sRnZSUaJdi/s1600/vinaphim.gif" height="115" title="Xem Phim Nhanh"/></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>
Hướng dẫn sử dụng:-Dòng chữ màu đỏ là Link trỏ đến trang đích<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/AVvXsEgqTHHUcyM1kZcSE7e-vp-CZ-EzDBIiHLBLQCZ3oE3RSw5dUMX4JlYj8ipNTRo_YJgKg_dM9RAKs0rY6WJXch2ds9Ykr4EA6XTqWMiitMxJPCJVPtXtzrFhifrzc7OP1lDSlmOnDKz6BiA/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/AVvXsEhpC6mf54-79tAkiCT3VLOhfZ0Iy7lFVvjiUPq1Xf2Lnq708draTvC_ieFho6scRP97LMWcIaChjyGmx9-H-3zd1pFxw8s7anbacxfe3ocONFwNI1UXpdaExZQuTWDEpw0PHuhKobeFdaE/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>
XEM PHIM NHANH.
</div>
<div id="co453569">
<!-- code adsens -->
<a target="_blank" href="http://www.vinaphim.org/" rel="nofollow"> <img style="margin:3px 1px 1px 3px;" border="0" width="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqFb2KHMTy2L66W7Qvvh6V5pz3P99xDX8JFOsHlqB-GdUJ1sdIzwbUFDtCUx8SZoMLgg_Xac6YvLLBBaJfr6KS-mKX_Q03QvKZuM6X8dmFtYRyPpTxBjfPcYcX2eadJpCf96sRnZSUaJdi/s1600/vinaphim.gif" height="115" title="Xem Phim Nhanh"/></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 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?
Blog Điện Tử | Tin Học