[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/AVvXsEioJx06xnW-vKOXQbYTFD01axDLq-Ep4qPx6gt1TObGFgFzaiOru8zRpKQm3BiHG2tM310D89BvTRqHjjhnTw4kuPMGbO9JxQkCLWi-HAKJGDScEGUpmTAYwH1h113f8_YqCQHHYOcrsh8/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/AVvXsEhIggvDp4zJYq1pn6zuJIW1k0MIm5D2tP9upcQPk0RngzY12RIdR0K1oKAmjsRBdpC7vuQXPkD8bFsEjkog0FXh5_peVzQ8n4HZF-sjROQBoJUjb26vfX10mtdqO8NSMaPTvnfQE7Iwbxo/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/AVvXsEjNvYqEup6Wr7laCF3cbXYX17EbnCPHalhqkW6orGJ9BXbjBN3GKSoZNvZHdPFEwONEjuOl_c52Kl_JqcK95d20dD8Q-B0dT7eWyCDWIl9YJ71j4pw14omjCx7nbKo15-QGmDjsarN_3k8/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/AVvXsEiQ3ljH0uD84F8I5_fLX6BA-UcyM9y8i9-alhmt8hwA8GqbZ3kPsLLCnRlrqcF1spORTdf6yo8NCSl2EFHBpYk-uY129a0pmJ8OzopRqV3mHGnBM6cXL-67TG2pXKGNgJPjqirytSBEA_k/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