code popup giữa trang

Hôm nay mình sẽ hướng dẫn các bạn tạo code tạo popup thông báo hay banner thông báo,quảng cáo...chỉ lần đầu tiên vào website không xuất hiện thêm nữa khí vào đọc các bài viết khác nhau để không gây khó chịu cho người dùng

Cách thực hiện như sau:
Bước 1: 
<p>
<script type="text/javascript">
$j(document).ready(function() {
$j("a#popupBannerLink").fancybox({
'overlayOpacity': '0.4',
'overlayColor': '#000',
'hideOnContentClick': false,
'hideOnOverlayClick': false,
'autoScale': false,
'transitionIn': 'fade',
'transitionOut': 'fade',
'showCloseButton': true
});
$j("#popupBannerLink").trigger('click');
});
</script>
</p>
Bước 2:
<p>
<a href="#popupBanner" id="popupBannerLink" rel="nofollow" style="display:none;"><span>#</span></a></p>
<div style="display: none;">
<div id="popupBanner" style="width: 650px; height: 520px;">
NỘi dung POPUP</div>
</div>

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