Banner - Thủ thuật tạo banner quảng cáo tự động thay đổi cho Blogger

Nói đến quảng cáo trên trang web, thông thường tại một không gian web cố định bạn chỉ có thể đặt 1 banner, lấy ví dụ trên phần Header về bên phải bạn chỉ có thể đặt 1 banner có kích thước 468x60. Script sau đây sẽ giúp tạo hiệu ứng chạy luân phiên các banner, từ đó trang web của bạn sẽ trở nên sinh động hơn.
>>Thống kê Blog - Thủ thuật tạo thống kê đầy đủ cho Blogger
>>Scrollbar - Thủ thuật tạo thanh cuộn cho Widget Blogger
>>Menu - Thủ thuật tạo hiệu ứng Menu hai bên trượt ra khi click cho Blogger
>>Multi Tabble Widget - Thủ thuật tạo Tabs View chuyển nội dung khi click cho Blogger
>>Chia Footer - Thủ thuật chia Footer Blogger thành nhiều cột
>>Google Dịch - Thủ thuật chèn Google Dịch ngôn ngữ vào Blogger
>>Bộ gõ tiếng Việt - Thủ thuật tạo bộ gõ tiếng Việt cho Blogger
>>Recent Comments - Thủ thuật tạo bình luận mới nhất không ảnh đại diện Blogger
>>Banner Ads - Thủ thuật tạo banner quảng cáo ngẫu nhiên cho Blogger
>>Banner Ads - Thủ thuật tạo baner quảng cáo trượt 2 bên cho Blogger
>>Popup - Thủ thuật tạo Popup quảng cáo hiện lên góc phải Blogger
>>Recent Posts - Thủ thuật bài viết mới nhất dạng tin tức cho Blogger
>>Khung Code - Tổng hợp thủ thuật và các khung code đẹp cho Blogger
>>Button - Thủ thuật tạo button ẩn hiện nội dung cho Blogger
Để thực hiện thủ thuật blogger này, bạn hãy sử dụng code như bên dưới (đặt trong một tiện ích HTML/Javascript đối với Blogger).
1 - Đăng nhập vào Blogger / Blogspot
2 - Vào Bố cục của Blogger
3 - Thêm tiện ích >> Chọn HTML/Javascript >> Lưu lại
<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 = "URL_banner_0";
link[0] = "URL_link_0";
ban[1] = new Image();
ban[1].src = "URL_banner_1";
link[1] = "URL_link_1";
ban[2] = new Image();
ban[2].src = "URL_banner_2";
link[2] = "URL_link_2";
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>
Trong đoạn code trên bạn lần lượt thay thế URL_banner tương ứng với URL_link.Chú ý số 3000 ám chỉ 3000 mili giây, tương đương 3 giây chỉ khoảng cách giữa các lần chuyển banner. Bạn có thể điều chỉnh con số này tùy ý.




 

MỌI THÔNG TIN VUI LÒNG LIÊN HỆ :   
  
TRUNG TÂM THIẾT KẾ WEBSITE - VCUPDESIGN
Phụ trách thiết kế : Mr.Mika Nguyễn
Call me : 0919.08.3000 - 0927.927.000 - Email :  Lienhe365@gmail.com 
Phụ trách kỹ thuật và kinh doanh : Mr.Nguyễn Sơn
Call me : 0919083000 - 0976858610   Email :   Setup247@Gmail.Com
Hỗ trợ yahoo 24/24 : pro_mikanguyen
Website : www.vcupdesign.com

GIỚI THIỆU ĐẾN QUÝ KHÁCH MỘT SỐ DỰ ÁN SẼ THỰC HIỆN TRONG NĂM 2018


DANH MỤC BÀI ĐĂNG - KHÁCH MUỐN XEM NỘI DUNG GÌ LICK VÀO TIÊU ĐỀ ẤY


WEBSITEMIKA - THƯƠNG HIỆU UY TÍN BỞI HƠN 300 DOANH NGHIỆP VÀ CÁC THƯƠNG HIỆU VỪA VÀ NHỎ LỰA CHỌN
Điểm giao dịch: Online 24h
-Email: Setup247@gmail.com - Website: https://thietkeweb.mikalaza.com