Thứ Sáu, ngày 25 tháng 11 năm 2016

Share CODE Banner Quảng Cáo Trượt Dọc 2 Bên WEB bằng HTML

CODE banner quảng cáo trượt 2 bên cho website có thể làm việc trên các website chạy nền tảng như wordpress, blogspot, jooomla, drupal…  Đây là đoạn mã được mình áp dụng cho tất cả các website. Điểm hay của code này mà mình muốn các bạn sử dụng đó chính là banner sẽ bám theo viền của website chứ không phải tách hẳn về 2 phía của web rất mất thẩm mỹ. Điều này làm cho code khá Đẹp và vì chỉ sử dụng HTML nên nhẹ vô đối


<div id='ads-trai'>
   <div style='margin:0 0 5px 0; padding:0;width:160px;position:fixed; right:50%; top:125px; margin-right:512px;z-index:1'> 
   <span style="color: #ff0000;" data-mce-style="color: #ff0000;">

        <a href='http://phim14.me/'><img src='http://farm6.staticflickr.com/5759/31081343902_b95bee4751_o.png'/></a>
   </span>
   </div>
</div>


<div id='ads-phai'> 
   <div style='margin:0 0 5px 0; padding:0;width:160px;position:fixed; left:50%; top:125px; margin-left:512px;'>
   <span style="color: #ff0000;" data-mce-style="color: #ff0000;">
         <a href='http://www.phim14.me/'><img src='http://farm6.staticflickr.com/5759/31081343902_b95bee4751_o.png'/>     </a>
   </span>
   </div>
</div>
Các bạn chú ý: id=ads-trai là phần hiển thị quảng cáo bên trái website, còn id=ads-phai 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é.
Các bạn để ý ở phần margin-left và margin-right các bạn tính theo phần max-width mà giao diện web bạn đang dùng. Ví dụ của mình là 1024px thì lấy 1 nửa là 512px
Đó là cách đơn giản nhất mình đang sử dụng trên codeseo.net, điều này làm cho website của bạn nhanh hơn, tối ưu hóa website của bạn hơn một chút so với việc sử dụng plugin WordPress, nhưng đòi hỏi bạn cũng cần phải biết một chút code css, html cơ bản để có thể tự chèn và tùy biến vào trang web.