Thứ Ba, 1 tháng 11, 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/AVvXsEj3JTWqEZEurF885s60QdYO_p33WcLFiQlLQWiu7o9mgREUCiTteD3J0jt0PEooc0bAZ69PKpzSazVztr73Oa9c960rqQUo2gw60HHSstUy0xgvJkv9z8YF8n4k9ZeS2yJi7hj7LAiP4zY6/" 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/AVvXsEj3BDifGLP7DST6O9w-rN49F958Pm84x78Oe3gTGhLA0FEfFnbTs-HkGs1zkLNx0CXy56huaLiszN0kG1ee3Pe1dj3oq-05eYtw2S1mrsp5Lpw1i10ScVO0ywod94XMqYH0MgVvR56pARi3/" 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


0 nhận xét:

Đăng nhận xét