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 Blog2- 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/AVvXsEjzoSo_5FnJng4eujeaVlHzUMbGJ47nqECA7D89J9qY9iHeHzg_Auy1RFJgH4XN7xfhFB4YgslWNmSPxB5Van7Ag3HQ0ORcq0IYxqR8YBVDW4KytXeJzZTnbty20IP0Ntf1ymDEEQS7igbn/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/AVvXsEjzoSo_5FnJng4eujeaVlHzUMbGJ47nqECA7D89J9qY9iHeHzg_Auy1RFJgH4XN7xfhFB4YgslWNmSPxB5Van7Ag3HQ0ORcq0IYxqR8YBVDW4KytXeJzZTnbty20IP0Ntf1ymDEEQS7igbn/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 Blog2- 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/AVvXsEjzoSo_5FnJng4eujeaVlHzUMbGJ47nqECA7D89J9qY9iHeHzg_Auy1RFJgH4XN7xfhFB4YgslWNmSPxB5Van7Ag3HQ0ORcq0IYxqR8YBVDW4KytXeJzZTnbty20IP0Ntf1ymDEEQS7igbn/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/AVvXsEjzoSo_5FnJng4eujeaVlHzUMbGJ47nqECA7D89J9qY9iHeHzg_Auy1RFJgH4XN7xfhFB4YgslWNmSPxB5Van7Ag3HQ0ORcq0IYxqR8YBVDW4KytXeJzZTnbty20IP0Ntf1ymDEEQS7igbn/s1600/banner-quang-cao-dep-nhat-truot-doc-2-ben-namkna-blogspot.png"/></a> </div>
6- Lưu mẫu lại.
Đăng nhận xét