1/11/11

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

0 nhận xét

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/AVvXsEj9jtmp3sbSrMbvaTA0yoZvAWgRao8It7oPeD8M7QejCionWfgDkAeebJXuIDwde5zx70RwNHEXKn_JwivNKS6x7rlhyphenhyphen1SKfOviBxUUx_LlsEIsWik41ksc1JKqG_Wm2Yg0OmG8v3uOCPxW/" 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/AVvXsEhs6jCGQXzr0HoI8l9ry_oTgneti3tymWnjTo5MbN0lU7AnjxY2KIQ7PemL82q1N_kgUJsDq625pWBqeQfmk72HHUArovM7NBl08iLubmDT-2vzebshKV5Zim5tmNiuWwfdZ1pmw1vgZJWs/" 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

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

Đăng nhận xét

 
Blogger Design © 2012 Phát triển bởi Thiet Ke Website. Supported by Thiet ke web and Quang ba web