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,912

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

    Những Cảnh Đẹp Của Việt Nam Qua Góc Nhìn Từ FlyCam PhanTom 3 Professional (Video 4K)

    Bấm Youtube để đăng ký xem video nhé!


    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


    Những Cảnh Đẹp Của Việt Nam Qua Góc Nhìn Từ FlyCam PhanTom 3 Professional (Video 4K)

    Bấm Youtube để đăng ký xem video nhé!

Similar Threads: Tạo banner
Diễn đàn Tiêu đề Ngày
Xenforo Hướng dẫn tạo banner quảng cáo Responsive trên xenforo 10/1/15
Thủ thuật Tổng hợp Cài win 7 bằng usb, cách tạo usb boot cài windows 7 Hôm qua, lúc 11:37
RAO VẶT TOÀN QUỐC Dùng cỏ nhân tạo để trang trí khu vườn đẹp 17/3/17
RAO VẶT TOÀN QUỐC Ngành thu mua phế liệu có thể tạo ra 1000 tỷ usd 13/3/17
RAO VẶT TOÀN QUỐC Nhựa cây hdpe trong cơ khí chế tạo 10/3/17
RAO VẶT TOÀN QUỐC Khóa học nghiệp vụ quản lý giáo dục trường mầm non . đào tạo cấp chứng chỉ 7/3/17
RAO VẶT TOÀN QUỐC Khóa học nghiệp vụ sư phạm. đào tạo cấp chứng chỉ đhsp 7/3/17
Sức khỏe - Đời sống - Gia đình Xử lý khi bé yêu bị táo bón 6/3/17

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 2017, @@