[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ẽ ngay lập tức xuất hiện dưới chân t...

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 :

1Truy cập Blogger > Mẫu > Chỉnh sửa HTML
2Sau đó thêm đoạn code sau trước thẻ  </body>

HTML<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.

3Sau đó lưu lại và bạn đã hoàn tất. [DEMO ##DEMO##]