Banner ngẫu nhiên khi reload trang

Thủ thuật này sẽ hướng dẫn bạn tạo banner quảng cáo thay đổi hình ảnh ngẫu nhiên mỗi khi reload trang, hoặc các bạn cũng có thể tùy biến tạo ra các thông báo cho blog/website
Để hiểu rõ hơn các bạn xem demo nha

Demo

Hướng Dẫn

Các bạn chèn đoạn mã bên dưới vào nơi muốn hiển thị banner

<script>
    function hideitem() {
        document.getElementById("adsrd").style.display = "none";
    }
    // < ![CDATA[
    adsrd = new Array(2);
    adsrd[0] = '<a href="link 1" target="_blank"><img style="width: 100%;" alt="alt 1" src="Link ảnh banner 1" title="Title 1" /></a>';
    adsrd[1] = '<a href="link 2" target="_blank"><img style="width: 100%;" alt="alt 2" src="Link ảnh banner 2" title="Title 2" /></a>';
    adsrd[2] = '<a href="link 3" target="_blank"><img style="width: 100%;" alt="alt 3" src="Link ảnh banner 3" title="Title 3" /></a>';
    tbindex = Math.floor(Math.random() * adsrd.length);
    //]] >
</script>
    <div id="adsrd">
      <script type="text/javascript">
       document.write(adsrd[tbindex]);
      </script>
    </div>

Bạn hay đổi các thông số cho phù hợp với blog/website của mình
Bạn cũng có thể tùy biến hình ảnh bằng các đoạn văn bản. Ví dụ như thay thế hình ảnh 1 thành:

    adsrd[0] = '<a href="link 1" target="_blank">Click Vào đây để xem bài viết về Ngọc Trinh</a>';

Nói chung bạn có thể sử dụng HTML để thay thế đoạn trên
Chúc các bạn thành công, cảm ơn đã theo dõi!