Tạo banner chạy dọc hai bên

Điểm 4.6/5 dựa vào 87 đánh giá

(Traidatmui.com) – Các bạn thường xuyên lướt web thì chắc hẳn là không xa lạ gì với một số trang web có các banner chạy dọc ở hai bên. Ứng dụng này được những người thiết kế web sử dụng rất nhiều, nó là công cụ làm cho banner của chúng ta thêm thu hút hơn. Không chỉ các trang web mới có thể sử dụng được công cụ này mà blog của chúng ta cũng có thể làm được. Hôm nay mình xin chia sẻ cùng các bạn thủ thuật để tạo banner trượt dọc hai bên của blogger.


☼ Thực hiện thủ thuật

1. Đăng nhập vào blogger
2. Vào bố cục và chọn sửa HTML (edit HTML)
3. Tìm đến thẻ </head> và chèn code bên dưới vào trước nó
<style type="text/css">
.slideads1 {text-align:left}
.slideads2 {text-align:right}
</style>

4. Save template lại
5. Bây giờ bạn hãy vào phần tử trang (Page Elements) vào thêm HTML/Javascript
6. Dán code bên dưới vào HTML/Javascript trên
<div id="divAdLeft" style="position: absolute; width: 110px; float: left; margin-left: 0px; top: 0.00000100252px;">
<div class="slideads1">
<a href="http://www.traidatmui.com/" target="_blank"><img border="0" src="http://lh5.ggpht.com/_BTztXRwC9ik/TBoAcZDNb3I/AAAAAAAAClA/BHZVjPK7MjI/GHG.png" /></a>
</div></div>
<div id="divAdRight" style="position: absolute; width: 120px; float: right; right: 0px; top: 0.00000100252px;">
<td class="slideads2">
<a href="http://www.traidatmui.com/" target="_blank"><img border="0" src="http://lh6.ggpht.com/_BTztXRwC9ik/TBoActa51FI/AAAAAAAAClE/4cG2S6FztDI/L%3B.png" /></a></td></div>
<script language="JavaScript" src="http://data-traidatmui.appspot.com/scripts/slide_ads_01.js"></script>

☼ Tùy chỉnh:
- Code màu xanh lá ở trên chính là link ảnh các banner, bạn hãy thay link đó thành link banner của bạn.
- Code màu cam là liên kết khi click vào banner đó bạn hãy thay nó thành đường link mà bạn muốn dẫn đến khi click vao banner.
- Code màu xanh là file javascript, bạn hãy download file về và upload lên trang chủ của bạn. Bạn có thể download tại đây.
- Code màu xanh điều chỉnh vị trí của banner, nếu bạn muốn banner cố định ở một vị trí thì thay "absolute" thành "fixed".
☼Lưu ý: Thủ thuật này hoạt động tốt đối với màn hình có độ phân giải từ 1024px trở lên, và tốt đối với trình duyệt IE

7. Save HTML/Javascript lai và xem thử

Chúc bạn thành công!

Không có nhận xét nào