Thủ thuật tạo banner Quảng cáo tự động thay đổi cho blogspot
Thứ Năm, 22 tháng 5, 2014
Để đặt banner quảng cáo trên webisite, blogspot thường có một số vị trí ta thường đặt đó là đặt trên Header về bên phải thường có kích thước là 468x60 hoặc đặt banner quảng cáo ở Side của website. Tuy nhiên trong một không gian cố định bạn chỉ có thể đặt 1 banner.
Quảng cáo trên webiste |
Thủ thuật sau đây sẽ giúp tạo hiệu ứng chạy luân phiên các banner quảng cáo như trên webiste Shop Gấu Mèo của tôi, từ đó website, blogspot của bạn sẽ trở nên đẹp và sinh động hơn.
Để thực hiện thủ thuật này, bạn hãy sử dụng code như bên dưới (đặt trong một tiện ích HTML/Javascript).
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 >>thêm code dướng đây>> 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>
Phần chứ đot trong đoạn code trên bạn lần lượt thay thế URL_banner quảng cáo tương ứng với URL_link, 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 ý)
Bạn phải thiết kế banner quảng cáo sao cho phù hợp với website và vị trí đặt banner của mình.
Chúc các bạn thành công và có 1 webiste, blogspot đẹp!
Bài liên quan
Comments[ 0 ]
Đăng nhận xét