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

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/AVvXsEhtC22It8oMEUm5Fx10L8A83oZqmsDv-19D0F9-dloBSpzdvyfEZhP7HNYfkKlKIrj8k1bR_UWYA0oTSrFS0Q1wbE4O_IpoTcNGwRyeMc33tZyv2QqsZRSESTXlh7sKN2ij7BCehSsty3oz/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/AVvXsEhtC22It8oMEUm5Fx10L8A83oZqmsDv-19D0F9-dloBSpzdvyfEZhP7HNYfkKlKIrj8k1bR_UWYA0oTSrFS0Q1wbE4O_IpoTcNGwRyeMc33tZyv2QqsZRSESTXlh7sKN2ij7BCehSsty3oz/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/AVvXsEhtC22It8oMEUm5Fx10L8A83oZqmsDv-19D0F9-dloBSpzdvyfEZhP7HNYfkKlKIrj8k1bR_UWYA0oTSrFS0Q1wbE4O_IpoTcNGwRyeMc33tZyv2QqsZRSESTXlh7sKN2ij7BCehSsty3oz/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/AVvXsEhtC22It8oMEUm5Fx10L8A83oZqmsDv-19D0F9-dloBSpzdvyfEZhP7HNYfkKlKIrj8k1bR_UWYA0oTSrFS0Q1wbE4O_IpoTcNGwRyeMc33tZyv2QqsZRSESTXlh7sKN2ij7BCehSsty3oz/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/AVvXsEhtC22It8oMEUm5Fx10L8A83oZqmsDv-19D0F9-dloBSpzdvyfEZhP7HNYfkKlKIrj8k1bR_UWYA0oTSrFS0Q1wbE4O_IpoTcNGwRyeMc33tZyv2QqsZRSESTXlh7sKN2ij7BCehSsty3oz/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/AVvXsEhtC22It8oMEUm5Fx10L8A83oZqmsDv-19D0F9-dloBSpzdvyfEZhP7HNYfkKlKIrj8k1bR_UWYA0oTSrFS0Q1wbE4O_IpoTcNGwRyeMc33tZyv2QqsZRSESTXlh7sKN2ij7BCehSsty3oz/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!

Sunday, 9 December 2012