VnBlognet [dot] com : Có nhiều blog sử dụng bảng quảng cáo cho định dang 125x125 đặt trong Sidebar trái hay phải nhìn rất đẹp và chuyên nghiệp. Nhiều bạn giống như mình chắc sẽ loay hoay tìm code nguồn để tạo riêng cho Blog một tiện ích này.
- Trong bài viết này xin hướng dẫn các bạn cách thực hiện chèn banner quảng cáo 125x125 vào Blogger được mình biên tập lại theo đoạn code của bloggertricks.
- Truy cập vào Bảng điều khiển (Blogger Dashboard ) > Bố cục (Layout) > Phần tử trang (Page Elements)
- Click vào Add a Gadget (Thêm Tiện ích) tại vị trí sidebar bạn muốn chèn code quảng cáo và chọn
HTML/JavaScript
- Chèn đoạn code sau vào vùng Content (Nội dung) của HTML/JavaScript:
<div align="center">
<table border="0" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">
<tbody><tr>
<td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="URL OF BANNER’S IMAGE" height="125"/></a></center></td>
<td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="URL OF BANNER’S IMAGE" height="125"/></a></center></td>
</tr>
<tr>
<td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="URL OF BANNER’S IMAGE" height="125"/></a></center></td>
<td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="URL OF BANNER’S IMAGE" height="125"/></a></center></td>
</tr>
</tbody></table>
<table border="0" bordercolor="#0084ce" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">
<tbody>
<tr>
<td><center><a href="URL của bảng giá (Mời) ADVERTISER" rel="nofollow"><img width="265" height="37" border="0" alt="Advertise Now!" src="http://lh4.ggpht.com/_7wsQzULWIwo/SqlQiHNepnI/AAAAAAAAB0U/Sf8_Q2t2B_o/ADVERTISE9.jpg?imgmax=800" /></a></center></td>
</tr>
</tbody></table>
</div>
-Khi đó Tiện ích vùng quảng cáo với 4 banner tương ứng với 4 (URL OF ADVERTISER và URL OF BANNER’S IMAGE) của bạn sẽ giống như ở dưới:
 |  |
 |  |
|
|
- Như hướng dẫ trên bạn đã chèn 4 banner cho tiện ích quảng cáo, giờ là phần bạn điền các nội dung cho banner quảng cáo:
1. Thay thế URL OF ADVERTISER bằng link website của nhà quảng cáo.
2. Thay thế URL OF BANNER’S IMAGE bằng link hình ảnh banner của nhà quảng cáo.
3. Thay thế AD DESCRIPTION bằng đoạn text thông tin nhà quảng cáo, Đoạn thông tin này hiển thị khi bạn trỏ chuột vào banner.
4. Bạn có thể điều chỉnh giá trị width="265" mặc định nếu muốn nới rộng khoảng cách giữa các banner. Thông thường bạn nên giữ nguyên giá trị này cho sidebarr có kích thước 300px.
5. Nếu muốn thêm banner (chẳng hạn 6 banner) cho vùng quảng cáo trên, bạn chỉ cẩn copy đoạn do dưới:
<tr>
<td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="URL OF BANNER’S IMAGE" height="125"/></a></center></td>
<td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="URL OF BANNER’S IMAGE" height="125"/></a></center></td>
</tr>
- Muốn tăng thêm lên thành 8 banner bạn làm tương tự.
Tags: Breakingnews, Khoi tao Blog, Sidebar
Ý kiến bạn đọc [ 8 ]
Thanks anh, em đã áp dụng vào site của em. Điều em k hiểu sao tới giờ google vẩn chưa index cho em. A giúp em với
Anh Chinh oi , xem ho^. cai Menu cua? em co' the^? them^ cua? so^? doc. xuong^' duoc khong ha~
Cái này can thiệp vào hơi rắc rối và sợ mà không hợp ý, em nên để nguyên như vậy hay hơn.
hay lam cam on nha :)
Tính thích sài css hơn. Thấy nó chuẩn hơn html :D
muốn có viền cho 4 cái ảnh thì làm sao hả bạn ^^
Rất vui khi đọc được bài viết này của bạn.
http://kinhnghiem-song.blogspot.com/
bạn có thể giúp mình add banner liên kết theo kiểu nằm ngang..các banner tự động chạy ko?
Ý kiến của bạn