Banner quảng cáo trượt dọc hai bên v-3
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 (Internet Explorer) 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 Namkna 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,...

☼ 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='http://dl.dropbox.com/u/66256041/popup/namkna.blogspot.con/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://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuLxGc663cIt9-NS-DtVWMTu-V9RjIfBZnvX2BcV-PqtVRp5Oudpm_rZK2yh22R9unigFCDI8HND0qXF72ArqQhTRdCkKrHQvg2TD8L_TZy092aVkOBWaaVjuOfcgWzwi3uFaXxJil8rPa/s1600/banner-quang-cao-dep-nhat-truot-doc-2-ben-namkna-blogspot.png" border="0"/></a>
</div>
<div id="slideads2" class="slideads2">
<a target="_blank" href="http://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuLxGc663cIt9-NS-DtVWMTu-V9RjIfBZnvX2BcV-PqtVRp5Oudpm_rZK2yh22R9unigFCDI8HND0qXF72ArqQhTRdCkKrHQvg2TD8L_TZy092aVkOBWaaVjuOfcgWzwi3uFaXxJil8rPa/s1600/banner-quang-cao-dep-nhat-truot-doc-2-ben-namkna-blogspot.png" 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="http://dl.dropbox.com/u/66256041/popup/namkna.blogspot.con/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://namkna.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuLxGc663cIt9-NS-DtVWMTu-V9RjIfBZnvX2BcV-PqtVRp5Oudpm_rZK2yh22R9unigFCDI8HND0qXF72ArqQhTRdCkKrHQvg2TD8L_TZy092aVkOBWaaVjuOfcgWzwi3uFaXxJil8rPa/s1600/banner-quang-cao-dep-nhat-truot-doc-2-ben-namkna-blogspot.png"/></a>
</div>
<div id="divAdLeft" style="DISPLAY: none; POSITION: absolute; TOP: 0px">
<a href="http://namkna.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuLxGc663cIt9-NS-DtVWMTu-V9RjIfBZnvX2BcV-PqtVRp5Oudpm_rZK2yh22R9unigFCDI8HND0qXF72ArqQhTRdCkKrHQvg2TD8L_TZy092aVkOBWaaVjuOfcgWzwi3uFaXxJil8rPa/s1600/banner-quang-cao-dep-nhat-truot-doc-2-ben-namkna-blogspot.png"/></a>
</div>
6- Lưu mẫu lại.

☼ Tùy chỉnh code!

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