Các bạn thường thấy trên các trang Web/Blog họ hay đặt các khung banner quảng cáo nhỏ vào trong một tiện ích HTML/Javacript để tiết kiệm không gian cho Web/Blog. Thủ thuật này là dạng đơn giản của thủ thuật tạo banner quảng cáo ngẫu nhiên.

 Xem Demo

Cách tiến hành:

   1- Đăng nhập vào Blog
   2- Vào thiết kế
   3- Chọn Phần tử trang
   4-Tạo một widget HTML\JavaScript và chèn vào đoạn code bên dưới :
<div align="center"><table bgcolor="#000000" border="0"  cellpadding="2" cellspacing="6" width="265"><tbody><tr>  
<td><center><a href="http://namkna.blogspot.com/"  rel="nofollow" target="_blank"><img alt=" "  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaGqLv_DYFmw_XfjjNFRWo4AuYR7ANZVgrEY-nJqXWyd9uXQ7Xpp0P4Lp1g1tSoDRYo6YC2yK5HS96lWFVLTo83OKYzkibqMfs6MCsvIf6Q9MZVYbDrNXJlKKviFRLdGY_IrmZsK8rD-S-/s1600/your_ad_here-namkna-ngoctra.jpg"  border="0" height="125" width="125"  /></a></center></td> 
<td><center><a href="http://namkna.blogspot.com/" rel="nofollow"  target="_blank"><img alt=" "  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaGqLv_DYFmw_XfjjNFRWo4AuYR7ANZVgrEY-nJqXWyd9uXQ7Xpp0P4Lp1g1tSoDRYo6YC2yK5HS96lWFVLTo83OKYzkibqMfs6MCsvIf6Q9MZVYbDrNXJlKKviFRLdGY_IrmZsK8rD-S-/s1600/your_ad_here-namkna-ngoctra.jpg"  border="0" height="125" width="125"  /></a></center></td> </tr> 
<tr>  
<td><center><a href="http://namkna.blogspot.com/"  rel="nofollow" target="_blank"><img alt=" "  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaGqLv_DYFmw_XfjjNFRWo4AuYR7ANZVgrEY-nJqXWyd9uXQ7Xpp0P4Lp1g1tSoDRYo6YC2yK5HS96lWFVLTo83OKYzkibqMfs6MCsvIf6Q9MZVYbDrNXJlKKviFRLdGY_IrmZsK8rD-S-/s1600/your_ad_here-namkna-ngoctra.jpg"  border="0" height="125" width="125"  /></a></center></td> 
<td><center><a href="http://namkna.blogspot.com/" rel="nofollow"  target="_blank"><img alt=" "  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaGqLv_DYFmw_XfjjNFRWo4AuYR7ANZVgrEY-nJqXWyd9uXQ7Xpp0P4Lp1g1tSoDRYo6YC2yK5HS96lWFVLTo83OKYzkibqMfs6MCsvIf6Q9MZVYbDrNXJlKKviFRLdGY_IrmZsK8rD-S-/s1600/your_ad_here-namkna-ngoctra.jpg"  border="0" height="125" width="125"  /></a></center></td> </tr>  
</tbody></table></div> 
Trong đó:
  • Bạn thay link liên kết ở dòng lệnh màu xanh.
  • Link ảnh ở dòng lệnh màu đỏ 
  • HeightWidth: Chỉnh chiều cao và chiều rộng.
Sau đó bấm  Lưu  là xong, bây giờ bạn trở vào Blog sẽ thấy 4 banner hiển thị trên Blog của bạn.
Nếu muốn thêm nhiều banner nữa, bạn copy code bên dưới  vào trước dòng lệnh.
</tbody></table></div>
Code:
<td><center><a href="http://namkna.blogspot.com/"  rel="nofollow" target="_blank"><img alt=" "  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaGqLv_DYFmw_XfjjNFRWo4AuYR7ANZVgrEY-nJqXWyd9uXQ7Xpp0P4Lp1g1tSoDRYo6YC2yK5HS96lWFVLTo83OKYzkibqMfs6MCsvIf6Q9MZVYbDrNXJlKKviFRLdGY_IrmZsK8rD-S-/s1600/your_ad_here-namkna-ngoctra.jpg"  border="0" height="125" width="125"  /></a></center></td> 
<td><center><a href="http://namkna.blogspot.com/" rel="nofollow"  target="_blank"><img alt=" "  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaGqLv_DYFmw_XfjjNFRWo4AuYR7ANZVgrEY-nJqXWyd9uXQ7Xpp0P4Lp1g1tSoDRYo6YC2yK5HS96lWFVLTo83OKYzkibqMfs6MCsvIf6Q9MZVYbDrNXJlKKviFRLdGY_IrmZsK8rD-S-/s1600/your_ad_here-namkna-ngoctra.jpg"  border="0" height="125" width="125"  /></a></center></td> </tr>