Tạo banner quảng cáo chạy dọc 2 bên website bằng HTML

Thảo luận trong 'Sưu tầm Code Web hay' bắt đầu bởi hoangtrieumanhn, 2/1/15.

Lượt xem: 1,862

Bạn đang xem:

Tạo banner quảng cáo chạy dọc 2 bên website bằng HTML

Coppy cùng chia sẻ nhé bạn!
  1. hoangtrieumanhn

    hoangtrieumanhn NO SPAM - SPAM LÀ ĐI LIỀN

    Tham gia ngày:
    28/12/14
    Bài viết:
    533
    Khi lướt web chúng ta thường xuyên gặp các quảng cáo , ads với hình ảnh dọc 2 bên website. Nhưng có nhiều bạn thắc mắc tại sao để làm được như vậy , Và hôm nay iChiaSe Blog's xẽ chia sẻ đoạn code tạo banner quảng cáo banner chạy dọc 2 bên website( dành cho những bạn sử dụng Blogspot, hoặc không muốn dùng plugin trong WordPress).Đây là đoạn mã được mình áp dụng cho khách hàng của mình, lúc đầu mình cũng sử dụng một plugin trong WordPress đó là Float Left Right Advertising( Xem hưỡng dẫn cài đặt và thiết lập Float Left Right Advertising) nhưng mình nhận thấy Plugin này sử dụng JS nên cũng khá là nặng, m muốn tối ưu độ tải trang hơn nữa, nói chung được cái nào hay cái đó và mình chọn cách sử dụng CSS/ HTML thuần.
    [Broken External Image]:http://3.bp.blogspot.com/-5zthACyneDE/VCWKm2uWnwI/AAAAAAAAAsg/_0TpCGhMvzM/s1600/ichiase.biz_2.png
    Ảnh minh họa quảng cáo chạy dọc 2 bên website bằng HTML

    [​IMG]
    Ảnh minh họa

    <div id='ads-left'>
    <div style='margin:0 0 5px 0; padding:0;width:200px;position:fixed; left:0; top:0;'>
    <a href='http://www.ichiase.biz/' target='_blank'><img border='0' height='665' src='http://imgur.com/gIM9she.jpg' width='200'/></a>
    </div></div>
    <div id='ads-right'>
    <div style='margin:0 0 5px 0; padding:0;width:200px;position:fixed; right:0; top:0;'>
    <a href='http://www.ichiase.biz/' target='_blank'><img border='0' height='665' src='http://imgur.com/gIM9she.jpg' width='200'/></a>
    </div></div>
    Trong đoạn code trên id=ads-left là phần hiển thị quảng cáo bên trái website, còn id=ads-right là hiển thị bên phải, bạn chỉ cần chỉnh sửa các giá trị width, right, left, top và link ảnh để phù hợp website của bạn nhé.

    Đó là cách đơn giản nhất mình đang sử dụng, điều này làm cho website của bạn nhanh hơn, góp phần tối ưu hóa website của bạn, nhưng đòi hỏi bạn cũng cần phải biết một chút code.

    Chúc các bạn thành công!
    Nguồn : http://chiase101.com/
     
    Diễn đàn Ntphong index siêu nhanh!

    Diễn đàn Seo

    Tiêu đề: Tạo banner quảng cáo chạy dọc 2 bên website bằng HTML

    Ghi nguồn bài viết www.ntphong.com khi đăng tải lại bài viết này.

  2. Quảng cáo Thành viên VIP


    Liên hệ quảng cáo 2

Link hữu ích: @@ giàn phơi thông minh, giàn phơi quần áo, giàn phơi quần áo thông minh, giàn phơi quần áo, thùng rác, sim tra sau, giàn phơi thông minh, can ho river city, Toyota camry, can ho novaland @@