Như các bạn đã biết, vừa qua mình mới giới thiệu cách tạo hiệu ứng zoom cho ảnh trong Blogger với FancyZoom. Tuy nhiên, nhận thấy FancyZoom còn nhiều khuyết điểm nên hôm nay, mình sẽ giới thiệu 1 cách mới để tạo hiệu ứng zoom cho ảnh nhờ mã Lightbox. Mời các bạn xem qua :
- Đầu tiên, các bạn đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng mẫu tiện ích)
- Thêm đoạn code bên dưới vào ngay bên trên thẻ </head><link href='http://boyprodx.110mb.com/lightbox.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://boyprodx.110mb.com/prototype.js' type='text/javascript'/>
<script src='http://boyprodx.110mb.com/scriptaculous.js?load=effects,builder' type='text/javascript'/>
<script src='http://boyprodx.110mb.com/lightbox.js' type='text/javascript'/> - Save lại template .
<a href="Link hình" rel="lightbox" title="Tên của ảnh"><img src="Link hình" width="Chiều dài thumbnail" height="Chiều cao thumbnail" /></a>
chẳng hạn như :<a href="http://img24.imageshack.us/img24/1162/banner2009sa2.jpg" rel="lightbox" title="Banner Blog tin học"><img src="http://img24.imageshack.us/img24/1162/banner2009sa2.jpg" width="300" height="100" /></a>
P/s : Mình đã giới thiệu xong thủ thuật tạo hiệu ứng zoom cho ảnh bằng Lightbox rồi. Bạn có thể xem thử hiệu ứng tại đây . Nếu bạn có thắc mắc, ý kiến, hãy gửi comment cho mình nhé. Mình sẽ trả lời trong thời gian nhanh nhất. Thân chào !