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...
Demo tại Blog (theo yêu cầu): Hình ảnh đẹp
- Ở đây itviet360 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/AVvXsEj6vdmasqlPHDuIUIc7b92B96xjCJ4UVjm-qjhBj8zgaBjMr2u2cijO5bbKwNiNMyHKaE48UzqpmoshSnahzK87XniSdigM7xO5qhAWCwQZ2Rzy1xQKDRSuQ57Kcp-l1GzT14fJuNRyV_OO/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/AVvXsEgE_VXMBp-u2r2V6np8YIQ97sh5j9V591iyQOZ1QKAU8O15Ojv-J0G690MZVu4mYVGlpJ6JYScYrhzS8i0_ot1H5NCVVV3j8Xp6_QupEGTgwfZOlgWXLucJPxYX15wONtRgliDVq9r7p7I9/s1600/taigame2-logo.png";
link[1] = "http://taigame2.blogspot.com";
ban[2] = new Image();
ban[2].src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxs1A730vABeYBnJ4ljgsnXUZQ3QD26w-jpmA0XbRuQSmukZhztmf_eFMqZRwwyc7qmo5ds36DhXAr4gjLwyYzVyiYEgflJj0ig9Lub2ZMbLRf1NBIdGCm5OJI_vqMxRSh0g-6edOsqwe_/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ả
Chuyên mục: javascript, Thu thuat, Thu thuat blogspot, thu-thuat, thu-thuat-blogger
Tạo banner quảng cáo hiển thị luôn phiên cho Blogspot, Web
Chia sẻ nội dung nếu bạn thích:
Có rất nhiều điều tôi muốn nói về tôi, nhưng thật khó nói. Thôi thì các bạn cần giải đáp gì về nội dung bài viết,...thì hãy
Theo dõi tôi qua Facebook | Mạng xã hội X
0 nhận xét:
Đăng một bình luận