.jpg "Hướng dẫn tạo popup quảng cáo giữa màn hình website, blog")
, các bạn có thể tham khảo:
- Tổng hợp các Code tạo quảng cáo Popup cho Blogspot
- Hướng dẫn tạo cửa sổ Popup ở góc màn hình cho blog, website
- Cách tạo popup like Facebook khi vào Blog, website
- Tạo popup cho website, Blog
Hôm nay share123.vn chia sẻ một code popup nữa là popup quảng cáo giữa màn hình website, blog, một loại popup được sử dụng khá phổ biến trong các site phim, website game.
Cách làm:
Để thêm popup này vào blog các bạn có thể chèn code dưới đây vào trước thẻ </body> hoặc tạo 1 tiện ích HTML/Javacript trong Bố cục blog.
Cách làm:
Để thêm popup này vào blog các bạn có thể chèn code dưới đây vào trước thẻ </body> hoặc tạo 1 tiện ích HTML/Javacript trong Bố cục blog.
Code:
Chúc các bạn thành công.
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<style type="text/css">
#popup-giua-man-hinh .headerContainer,#popup-giua-man-hinh .bodyContainer,#popup-giua-man-hinh .footerContainer{max-width:960px;margin:0 auto;background:#FFF}
#popup-giua-man-hinh .padding{padding:20px}
#popup-giua-man-hinh .bodyContainer{min-height:500px}
#popup-giua-man-hinh .popUpBannerBox{position:fixed;background:rgba(0,0,0,0.9);width:100%;height:100%;top:0;left:0;color:#FFF;z-index:999999;display:none}
#popup-giua-man-hinh .popUpBannerInner{max-width:300px;margin:0 auto}
#popup-giua-man-hinh .popUpBannerContent{position:fixed;top:150px}
#popup-giua-man-hinh .closeButton{color:red;text-decoration:none;font-size:18px}
#popup-giua-man-hinh a.closeButton{float:right}
</style>
<div id="popup-giua-man-hinh">
<div class="popUpBannerBox">
<div class="popUpBannerInner">
<div class="popUpBannerContent">
<p><a href="#" class="closeButton">Close</a></p>
<!-- ==================== CODE HIỂN THỊ QUẢNG CÁO ====================-->
<a href="http://www.share123.vn"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeV_22MKCWRjSQ-5S63CW5cpe1h6aqZFsaDhBZyF37IzR5bjvZg0VX25CnsGY_Shod3VVOZ7DRDDsVJs5oRKvIlBKZ3xs5-O9syLbZeRfyx69nEfVBr5xmc6zLDa-MyYJ-nQqm7vsERlQ/s1600/ads-demo.gif"/></a>
<!-- ==================== END HIỂN THỊ QUẢNG CÁO ====================-->
</div>
</div>
</div>
<script type="text/javascript">
function showPopUpBanner() {
$('.popUpBannerBox').fadeIn("2000");
}
setTimeout(showPopUpBanner, 1000); //thời gian popup bắt đầu hiển thị
$('.popUpBannerBox').click(function(e) {
if ( !$(e.target).is('.popUpBannerContent, .popUpBannerContent *' ) ) {
$('.popUpBannerBox').fadeOut("2000");
return false;
}
});
$('.closeButton').click(function() {
$('.popUpBannerBox').fadeOut("2000");
return false;
});
</script>
</div>
Các bạn chèn code muốn hiển thị Popup vào trong đoạn code màu đỏ, các bạn cũng có thể thêm các điều kiện if hiển thị trong blogspot, trong trang chủ hoặc trang bài viết blog.Chúc các bạn thành công.
code cày chèn vào đâu bạn
Trả lờiXóachèn trong thẻ body bạn nhé
Xóa------
---
chèn code
---
--
trong thẻ body chèn vị trí nào cũng được hả bạn
Trả lờiXóaCảm ơn bạn đã chia sẻ thông tin !
Trả lờiXóa......................................
LAPTOP ĐẠI DƯƠNG
118/17 Trần Quang Diệu, P.14, Q.3, HCM Hotline: 0906.112.812 - 0909730124 (A MINH)
Click xem chi tiết:
laptop xách tay giá rẻ tphcm hoặc laptop xach tay gia re tphcm
Cảm ơn bạn. rât đẹp
Trả lờiXóa