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() {$('img#closed').click(function(){$('#bl_banner').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('fixedban').style.display = 'none';' 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:
- max-width:728px là chiều rộng của banner, thông thường có những kích thước banner là 728, 970, chiều cao mặc định là 90px.
- Thay http://vinll.blogspot.com/ bằng địa chỉ đích đến banner của bạn.
- Thay http://www.bisalchautari.com/wp-content/uploads/2014/10/bisal-chautari-Advertise-Here-728x90.png bằng đường dẫn hình ảnh của bạn.
Bước 4: Lưu mẫu và xem kết quả trên màn hình
Tags:
thu-thuat-blogspot