Tuesday, November 1, 2011

Tạo banner trượt dọc hai bên - Bản hoàn thiện


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://nguyenhoangnam.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.traidatmui.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4PBvleZMc409VYAwsQqX-HnbOpHVxOcTFLXbvRb-tDBrZrNKsJCA33bVTYaRjNDrnKFm1W222LuJ6EwE565roewr1h8HCHDa-4d4InU-FEogI6EllFTQvBfcGrHhQnXjbdHtRFRLIMue9/" border="0"/></a>
</div>
<div id="slideads2" class="slideads2">
<a target="_blank" href="http://www.traidatmui.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDwBQePKMwsgIBTKCjyQD_I0Ua69ejJJySxE2fY4aaszy7Uen8ZHFtEDxJ-vLA_4P9qY52xOCACNee1H8kBDhUrt82s5t6Wu2I47C-mQVNwo5wda-41GrpAnUlX4H5HuL-0hoxaTH-Kur4/" 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 đường dẫn 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

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

Nguồn :  http://www.traidatmui.com


No comments:

Post a Comment