Tạo 4 Banner quảng cáo 125X125 Trong một Widget

Tạo 4 Banner quảng cáo 125X125 Trong một Widget (HTML/Javarscrip)

Fairstar | 19-05-2011 | nhận xét (3)

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/AVvXsEjNcEnE9yxncqrJ0fS79wtbfXnAj20giMuC-ajV5SQnqMXVZ42MMGFSjf7h0EBj4vfK3RUMRCUYM0TkCqPeL0w26B8UT5xA4Stle9UB8-AQBnOdytdTFG62D1RU_Xci03_l304sZXQVSki-/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/AVvXsEjNcEnE9yxncqrJ0fS79wtbfXnAj20giMuC-ajV5SQnqMXVZ42MMGFSjf7h0EBj4vfK3RUMRCUYM0TkCqPeL0w26B8UT5xA4Stle9UB8-AQBnOdytdTFG62D1RU_Xci03_l304sZXQVSki-/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/AVvXsEjNcEnE9yxncqrJ0fS79wtbfXnAj20giMuC-ajV5SQnqMXVZ42MMGFSjf7h0EBj4vfK3RUMRCUYM0TkCqPeL0w26B8UT5xA4Stle9UB8-AQBnOdytdTFG62D1RU_Xci03_l304sZXQVSki-/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/AVvXsEjNcEnE9yxncqrJ0fS79wtbfXnAj20giMuC-ajV5SQnqMXVZ42MMGFSjf7h0EBj4vfK3RUMRCUYM0TkCqPeL0w26B8UT5xA4Stle9UB8-AQBnOdytdTFG62D1RU_Xci03_l304sZXQVSki-/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 đỏ 
• Height và Width: 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/AVvXsEjNcEnE9yxncqrJ0fS79wtbfXnAj20giMuC-ajV5SQnqMXVZ42MMGFSjf7h0EBj4vfK3RUMRCUYM0TkCqPeL0w26B8UT5xA4Stle9UB8-AQBnOdytdTFG62D1RU_Xci03_l304sZXQVSki-/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/AVvXsEjNcEnE9yxncqrJ0fS79wtbfXnAj20giMuC-ajV5SQnqMXVZ42MMGFSjf7h0EBj4vfK3RUMRCUYM0TkCqPeL0w26B8UT5xA4Stle9UB8-AQBnOdytdTFG62D1RU_Xci03_l304sZXQVSki-/s1600/your_ad_here-namkna-ngoctra.jpg"  border="0" height="125" width="125"  /></a></center></td> </tr>  

Xem thêm:

Chúc thành công!