[Thủ Thuật] Chèn banner quảng cáo cấu trúc 4 ô hình ảnh

- Tôi thường ghé thăm các blogger khác để học, hỏi và hành. Tôi thấy những banner có 4 ô nhỏ nằm ở thẻ tiện ích HTML/Javascript. Nên nghĩ là cần phải đem về làm một tiện ích cho mình và sẵn chia sẻ nó lên blog như một thủ thuật.

- Chỉ việc chém mã vào thẻ tiện ích HTML/Javascript, và chỉnh sửa một số link nữa là xong.

<style>
.banner {padding:5px 0;margin:0 auto;float:center;text-align:center}
.banner img{width:150px;height:150px;padding:3px;list-style:none;display:block;overflow:hidden;float:left;background:#B88A00 ;border:1px dashed #707070;margin:2px 2px 2px;}
.banner img:hover {width:195px;padding:3px;list-style:none;display:block;
overflow:hidden;float:left;background:#FFCC33;border:1px dashed #707070;margin:2px 2px 2px;}
</style>

<div style="text-align: center;">
<div class="banner">
<a href="http://choiblogs.blogspot.com/2011/11/rao-ban-ban-auto-cay-kinh-nghiem-tien.html" target="_blank" title="[Rao Bán] Bán auto cày kinh nghiệm + tiền + nguyên liệu (Gaw2) "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgckcVnLP3IqP7PsJzA7Swtf9zJPDdoHx_kv7gZuO10kH__F2UET3S5AxS5oZXwnR8JzlkX652F9PgHjUzgJ3BctK6DIC0v6AJv6fL05xOzSvpvzrr2B-lKQGFnFHxb_LUXR3rTO_cVMbU/s400/auto+gaw+2.gif" title="[Rao Bán] Bán auto cày kinh nghiệm + tiền + nguyên liệu (Gaw2) " /></a>

<a href="http://choiblogs.blogspot.com/2011/08/rao-ban-gaw-2-tai-khoan-game-1-trang-bi.html" target="_blank" rel="nofollow" title="[Rao Bán] Gaw 2 - Tài khoản game + 1 trang bị VIP "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaVM3tz2OoxLoit_kuA2abKEwg79e78s7IMXEaXnW9XSV4vopQ-VrEkD4kX6vn2L-65dOeJaQNZdnSjja0PppsWsxaTLf0CjGWRAHC-GsokyV0KRZanT75wzZ0co_UljKMDl12IDjeifY/s1600/otrung.jpg" title="[Rao Bán] Gaw 2 - Tài khoản game + 1 trang bị VIP" /></a>

<a href="http://choiblogs.blogspot.com/2011/11/rao-ban-ban-vang-sll-trong-gaw-2.html" target="_blank" rel="nofollow" title="[Rao Bán] Bán Vàng SLL trong gaw 2 "><img alt="Hosting Para Blogs" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgoemdrMVQ3jHTqXssSAEOXWOCgjSqRU9J8UwLImKl-27lim8uP78NLN8UQKjwiM-7dF_zdB7mdP2x1q70bsz2ujeOzCPXHz4X2KyNE1f2sEtZePwsHHKWrdPfQw33nkh1h8x648WbGLY/s1600/ban-vang-gaw.gif" title="[Rao Bán] Bán Vàng SLL trong gaw 2 " />
</a>

<a href="http://choiblogs.blogspot.com/2011/12/rao-ban-ban-cho-con-200-ngancon-ban-het.html" target="_blank" rel="nofollow" title="[Rao Bán] Bán chó con 200 ngàn/con "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRhGpXXZTfxQzKkg8VL0YfJu87R6bEbjsdAdXkbY-NcGAzBfARtIh9VPJk6whhrsKAi2X6VfZwnfQeof8UxESkirqEUwMKmnpHJroNv6Zai55YLyFO8pjxRA99kPTTSGf4_rTAKpSkzF0/s400/choiblogs-banchocon.jpeg" title="[Rao Bán] Bán chó con 200 ngàn/con " /></a>
</div></div>

- Phân tích css:

Nguồn:
http://truyen-bay68-com.blogspot.com