Home »

Tạo Banner quảng cáo trượt dọc hai bên cho blog/website ves 3

Chủ Nhật, 13 tháng 10, 2013

   Trước đây mình đã giới thiệu tới các bạn một thủ thuật là tạo banner quảng cáo trượt dọc hai bên của blog. Tuy nhiên với thủ thuật cũ thì banner chỉ trượt tốt với trình duyệt IE còn với Firefox thì banner bị lỗi banner bị ẩn dưới các hình ảnh và một số widget của blog. Hôm nay mình sẽ giới thiệu với các bạn Banner quảng cáo trượt dọc hai bên ves3 bản hoàn thiện hiển thị tốt trên IE, Firefox, Chroome,...
Ngoài ra các bạn có thể tham khảo thêm Cách thứ 2 này tạo banner trượt dọc 2 bên khá là đẹp của thegioitinhoconline

☼ Cách tạo Banner quảng cáo trượt dọc 2 bên ves 3 cho blogspot / website!

Cách 1:

1- Đăng nhập vào Blog
2- Vào Mẫu (Template)
3- Chọn Chỉnh sửa HTML (Edit HTML)
4- Dán đoạn code bên dưới vào sau thẻ <head> :
<style type='text/css'>
#slideads{
position: absolute;
visibility: hidden;}

#slideads1{
left:0;
top:20px;
position: absolute;
}

#slideads2{
right:0;
top:20px;
position: absolute;
}
</style>
<script src='https://www.dropbox.com/s/49xlje3xc5yy0ow/slide_ads1.js' type='text/javascript'/>

5- Dán đoạn code bên dưới vào sau thẻ <body>:
<div id="slideads">
<div id="slideads1" class="slideads1">
<a target="_blank" href="http://Thegioitinhoconline.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7QPbTHy5iZvaaNIZJ-4270T69f4AHWwDx7aJaj99riPtrmeo9SrwIwPhxzFPycpjL85BfbT-K9jvTrQ4rmmU_mb53NkcxOiCuHEIMz9Ou8i-b6J8FVwxW9c9fqhcH-zGpKjIfT1DcDOA/s640/cell-phone.jpg" border="0"/></a>
</div>
<div id="slideads2" class="slideads2">
<a target="_blank" href="http://Thegioitinhoconline.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvX_HXD9VuIHFhKKWwrG6KRUbcJkDSskwPzFWQiQEmcPRqnOHA_vtuSr24CfVPdi4qLh_FMRkem2zDlp-PsfQGl-FzgaLpUY_9PYf96N1tCpYc3m0jFP4LoW-kXJkTgBePY1OBDlq_B9I/s640/Laptop-hot.jpg" border="0"/></a>
</div>
</div>
6- Lưu mẫu lại.

Cách 2:

1- Đăng nhập vào Blog
2- Vào Mẫu (Template)
3- Chọn Chỉnh sửa HTML (Edit HTML)
4- Dán đoạn code bên dưới vào sau thẻ </body> :
<script src="https://www.dropbox.com/s/y7ravc9v8lq3bbb/left_rightads.js" type="text/javascript"></script>
5- Dán đoạn code bên dưới vào sau thẻ  <body>::
<div id="divAdRight" style="DISPLAY: none; POSITION: absolute; TOP: 0px">
<a href="http://thegioitinhoconline.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7QPbTHy5iZvaaNIZJ-4270T69f4AHWwDx7aJaj99riPtrmeo9SrwIwPhxzFPycpjL85BfbT-K9jvTrQ4rmmU_mb53NkcxOiCuHEIMz9Ou8i-b6J8FVwxW9c9fqhcH-zGpKjIfT1DcDOA/s640/cell-phone.jpg"/></a>
</div>
<div id="divAdLeft" style="DISPLAY: none; POSITION: absolute; TOP: 0px">
<a href="http://thegioitinhoconline.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvX_HXD9VuIHFhKKWwrG6KRUbcJkDSskwPzFWQiQEmcPRqnOHA_vtuSr24CfVPdi4qLh_FMRkem2zDlp-PsfQGl-FzgaLpUY_9PYf96N1tCpYc3m0jFP4LoW-kXJkTgBePY1OBDlq_B9I/s640/Laptop-hot.jpg"/></a>
</div>
6- Lưu mẫu lại.

☼ Tùy chỉnh code!

  • Thay http://Thegioitinhoconline.com/ thành địa chỉ của trang quảng cáo.
  • Thay link ảnh màu xanh thành link ảnh của bạn.
Tags:

Comments[ 0 ]


Đăng nhận xét