[Blogger] Banner quảng cáo nổi Responsive với Close Button

Bạn đã bao giờ nhìn thấy một banner quảng cáo trượt dưới chân trang web? Khi mở blog, banner quảng cáo sẽ xuất hiện dưới chân trang của blog.

Bạn đã bao giờ nhìn thấy một banner quảng cáo trượt dưới chân trang web? Khi mở blog, banner quảng cáo sẽ ngay lập tức xuất hiện dưới chân trang của blog và tiếp tục hiện khi bạn kéo thanh scrollbar lên xuống. Có một nút đóng để tắt cho những người không thích quảng cáo.

Cách Thực Hiện :

Truy cập Blogger > Mẫu > Chỉnh sửa HTML

Sau đó thêm đoạn code sau trước thẻ </body>

<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://i.imgur.com/u21AODm.gif' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<a href='#' title='Banner afkvn'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='Banner afkvn' src='http://i.imgur.com/hrMeF8j.png'/></a>
</div>
</div>

Hướng dẫn

Thay đổi chiều rộng và hình ảnh quảng cáo được bội đậm cho phù hợp với website của bạn.