Tạo Banner quảng cáo trên Mobile theme Tinhdauonline Premium

1. Banner sẽ xuất hiện chi trên mobile
2. Dùng để quảng cáo cho 1 sản phẩm hoặc 1 danh mục nào đó mà khi người dùng click vào banner sẽ chuyển tới mục đó
3. Một số trang web báo lớn thường hay sử dụng phương pháp này
4. Hiện tại mình chỉ mới cài đặt trên trang chủ theme Tinhdauonline Premium

Hướng dẫn cài đặt banner quảng cáo Mobile

<div class='banner-content'>
    <div class='banner-position'>
      <div class='banner-display'>
        <div class='banner-iframe'>
         <!-- Chèn mã quảng cáo ở đây -->
          <a rel="nofflow" href='#' >
            <img src='https://1.bp.blogspot.com/-qXIhE-84aCU/XQUr8G-vR-I/AAAAAAAAOxg/a3hxhcRC2GEbsLlN5qratX1UEPnuULP6ACLcBGAs/s600/banner-img.jpg' width='100%'/>
          </a>
        </div>
      </div>
    </div>
  </div>
<script>//<![CDATA[
    $(function() {
      var banner_content = document.querySelector('#banner-body');
      var banner_width = $(window).width() + 'px';
      var banner_height = $(window).height() + 'px';
      $('.banner-content').css({'height': banner_height});
      $('.banner-position').css({'height': banner_height,'clip': 'rect(0 '+ banner_width +' '+ banner_height +' -50px)'});
      $('.banner-display').css({'width': banner_width,'height': banner_height});
      $('.banner-iframe').css({'height': banner_height});
      if (banner_content) {
        $('.banner-content').appendTo(banner_content);
      } else {
        $('.banner-content').remove();
      }
    });
  //]]></script>
<div id="banner-body"></div>

• Bạn sẽ thay link banner mới thay cho banner mẫu: kích thước tối ưu là 600px

• href='#': Thay dấu # thành link trang đích chuyển tới