Home »

Tạo banner quảng cáo hiển thị luôn phiên cho Blogspot, Web

Làm thế nào để hiển thị quảng cáo gọn nhẹ mà chứa được nhiều quảng cáo? Hướng dẫn cho mình cách tạo quảng cáo hiển thị thay phiên nhau trên Website, Blogspot...
- Hiển thị quảng cáo luôn phiên nhau là 1 điều Hợp lý đối với Website, Blog nào còn ít chỗ trống. Bài viết này itviet360 giới thiệu tới các bạn Code Javascript cho quảng cáo của bạn trở nên gọn nhẹ và sinh động hơn...




- Ở đây có 3 hình ảnh tương ứng với 3 link:
1. Link: Dịch vụ SEO Web giá rẻ
2. Link: Tải game miễn phí
3. Link: Tải game Avatar
Tương với với 3 hình ảnh (ở Code dưới)
Code:
<script type="text/javascript">
// Banner Rotation Script by Bloggerism
var ban = new Array();
var link = new Array();
var index = 0;
ban[0] = new Image();
ban[0].src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXWPYGJWJ5QNWr5XBJJh6FtiZoAmp-OGkzPSUHWoxGnlLJKelpL7onuEYpXXeRgAs6gTx6hFyPLHKWKyOP_aSWY96yUyBPyr463VIsO8iiDzpWJcFTKX0iILUNdplYHUA9AVhAm1VbZ5jj/s1600/seo-gia-re.gif";
link[0] = "http://www.itviet360.com/p/dich-vu-seo-web-gia-re-giai-phap-tot.html";
ban[1] = new Image();
ban[1].src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjndCIL0nzDmsq0u1xA9jQJoZE10T0Vuly1WWAFQLvVB8qdftxeLRyZ1jHCK_BOaZtHjvMGhHeNDldmIgSKdee9cu-inlqdu61pi2MjWEBw0DZNbaPiNSDXnKVVKnk0OrKeOSqB7rsYbnvz/s1600/taigame2-logo.png";
link[1] = "http://taigame2.blogspot.com";
ban[2] = new Image();
ban[2].src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCDN6ksCyNAJZ5b_VONaOO3iDzU5fax8Qdg-ts4504ueYcWjx8f8UPgR8KfFRPvrgx1dhp4-soTA4UnJHFOgoaIlfMzIYEgdM7gc1nRto26O4uPUm3fb2OWLorsVeIk1iQATjf6ECu86u-/s1600/banner-avatar-1.gif";
link[2] = "http://www.itviet360.com/2013/07/tai-game-avatar-222-cho-dien-thoai-android-ios.html";
index = Math.random() * (ban.length);
index = Math.floor(index);
function rotator()
{if (index == ban.length) index = 0;
if (document.images) {
document.images.rotation.src = ban[index].src;
}
else {
document.getElementById('rotation').src=ban[index].src;
}
index++;
setTimeout('rotator()',3000);
}
function go() {window.open(link[index-1]);}
</script>
<img id="rotation" style="cursor:pointer;" src="" onclick="go();"/>
<script type="text/javascript">rotator();</script>
- Hướng dẫn làm thủ thuật trên Blogspot
1. Vào bảng điều khiển Blogger -> bố cục (layout) -> thêm tiện ích (Add a widget) -> HTML/Javascript
2. Dán Code trên vào tiện ích vừa thêm :) và lưu lại xem kết quả

Nguồn bài viết: itviet360.com
Tags: ,