Tạo banner trượt dọc hai bên blog

1. Đăng nhập vào tài khoản
2. Vào bố cục chọn chỉnh sửa HTML
3. Chèn code sau vào bên dưới thẻ <head>


<style type='text/css'>
#slideads{
position: absolute;
visibility: hidden;}

#slideads1{
float:left;
margin-left: 20px;}

#slideads2{
float:right;
margin-right: 20px;}
</style>
<script src='http://dothanghn.googlecode.com/files/slide_ads.js' type='text/javascript'/>

4. Bây giờ save template lại và trở về phần tử trang, tạo thêm 1 phần tử HTML/Javascript
5. Thêm vào phần tử HTML/Javascript code bên dưới


<div id="slideads">
<div id="slideads1" class="slideads1">
<a target="_blank" href="
http://www.dvt.com.vn"><img src="http://dothang.googlecode.com/files/tuantung.png" border="0"/></a>
</div>
<div id="slideads2" class="slideads2">
<a target="_blank" href="
http://www.dvt.com.vn"><img src="http://dothang.googlecode.com/files/nangtinh.png" border="0"/></a>
</div>
</div>

Chỉnh code: Bạn hãy thay link ảnh trong code (dòng màu cam) thành banner của mình có thể bạn thêm độ rộng và độ cao của ảnh tùy ý.

- Thay liên kết cho banner tương ứng dòng màu xanh đậm trong code trên.

6. Đến đây bạn chỉ việc save lại là xong


Tạo Banner trượt dọc hai bên blog hiển thị phụ thuộc vào chế độ màn hình xem ở đây

Đăng nhận xét

/