Tạo banner quảng cáo nằm chính giữa phía dưới cùng của website

Ngoài những cách chèn quảng cáo vào nội dung bài viết, banner nằm ở góc màn hình hay banner quảng cáo nằm 2 bên website thì còn có thể chèn banner quảng cáo ở đâu được nữa? Bài viết này, Vinll xin chia sẻ với các bạn một vị trí đã được rất nhiều webmaster lựa chọn làm nơi đặt banner quảng cáo lý tưởng. Đây là một banner quảng cáo nổi nằm cố định ở chính giữa phía dưới cùng của website và có thêm nút đóng để có thể đóng quảng cáo nếu người dùng cảm thấy khó chịu.

Banner quảng cáo nằm dưới cùng, chính giữa màn hình

Bước 1: Vào Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
Bước 2: Bấm Ctrl + F và tìm </body>
Bước 3: Dán đoạn code dưới đây vào phía trên thẻ </body> vừa tìm được

<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='http://ithelp.cf.ac.uk/thickbox/close2.png' style='vertical-align:middle;' title='close button'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<a href='http://vinll.blogspot.com/' title='Banner Ads'><img alt='Banner Ads' src='http://www.bisalchautari.com/wp-content/uploads/2014/10/bisal-chautari-Advertise-Here-728x90.png' style='max-width:100%;height:auto;vertical-align:middle;'/></a>
</div>
</div> 
Tùy chỉnh:



Bước 4: Lưu mẫu và xem kết quả trên màn hình

Đăng nhận xét

Mới hơn Cũ hơn