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 đỏ
- 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/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>
Nhận xét
CHỈ LÀ viết table rồi dán ảnh và siêu liên kết vào thôi mà, cứ tưởng modul tự động gì
Trả lờiXóa@Thao Trinh Đay là dạng cơ bản. Còn nếu thích tự động thì bạn xem BÀI VIẾT NÀY
Trả lờiXóaNam chỉ cho mình cách làm quảng cáo như mẫu này được không
Trả lờiXóahttp://www.maunha.vn/
mình muốn đưa hình mẫu nhà lên, bỏ vào từng khung nhỏ và khi click chuột vào thì nó sẽ hiện lớn lên
mong hồi âm sớm của nam
cảm ơn nam trước nha
Theo như bạn mô tả thì đó là hiệu ứng lignt box bạn có thể xem BÀI NÀY NHA
Xóa