Thủ thuật tạo banner quảng cáo ngẫu nhiên cho Blogger

Xin lưu ý rằng đây không phải là một mẫu quảng cáo dạng Flash hoặc ảnh động, mà có thể tự động thay đổi do lập trình sẵn.

Hôm nay sẽ hướng dẫn bạn một thủ thuật blogger thiết kế website nho nhỏ, đó là sử dụng vài dòng JavaScript đơn giản để khiến cho các hình ảnh quảng cáo đơn lẻ của bạn hiển thị một cách ngẫu nhiên khi refresh hoặc chuyển trang.

I - Áp dụng với banner quảng cáo file JPG,PNG,GIF...

1- Đăng nhập vào Blogger / Blogspot

2- Vào Bố cục (Layout)
3-Tạo một widget HTML\JavaScript và chèn vào đoạn code bên dưới :

<div align="center">      
<table border="0"  cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">       
<tbody><tr>       
<td><center>
<!--  BANNER#1  -->
<script language="JavaScript">      
images = new Array(2);
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
index = Math.floor(Math.random() * images.length);      
document.write(images[index]);       
</script>
</center></td>
<td><center>
<!--  BANNER#2  -->
<script language="JavaScript">      
images = new Array(2);
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
index = Math.floor(Math.random() * images.length);      
document.write(images[index]);       
</script>
</center></td>      
</tr>       
<tr>
<td><center>
<!--  BANNER#3  -->
<script language="JavaScript">      
images = new Array(2);
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
index = Math.floor(Math.random() * images.length);      
document.write(images[index]);       
</script>
</center></td>
<td><center>
<!--  BANNER#4  -->
<script language="JavaScript">      
images = new Array(2);
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
index = Math.floor(Math.random() * images.length);      
document.write(images[index]);       
</script>
</td></center>
</tr>
</tbody></table>
<table border="0" bordercolor="#0084ce" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">      
<tbody>       
      <tr>       
       <td><center><a href="http://namkna.blogspot.com/"  rel="nofollow"><img width="265" height="37" border="0"  alt="Advertise Now!"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggR181jSMB-EvF7l7igcI1fQ94ZGT32-fiou9lKCf4mLiZK8AttaWb5KB9wrTP6vGwnjD8EirdAez78sNfgRcaDKgHClOWgrMcYQIFuSu5EhABqYDnUAXwVpmZBW-ADXejfF5mKLWmvoIn/s1600/ADVERTISE-HERE-namkna-blogspot-com.gif"  /></a></center></td>       
      </tr>
    </tbody></table>
</div>

• width="265" : chiều rộng khung chứa hình ảnh quảng cáo ( sử dụng để tăng\giảm khoảng cách giữa các hình ảnh quảng cáo )
• height='125' width='125' : chiều rộng và chiều cao của hình ảnh quảng cáo
• URL OF ADVERTISER : liên kết đến website nhà quảng cáo
• URL OF BANNER’S IMAGE-1 và URL OF BANNER’S IMAGE-2 : liên kết đến hình ảnh quảng cáo
• AD DESCRIPTION : thông tin quảng cáo ( sẽ hiển thị khi rê chuột vào )

4- Lưu mẫu lại.