Tiện ích zoom ảnh trong bài viết cực kỳ thú vị cho blogger

[tintuc]
Chèn code vào HTML

1. Vào blogger > Mẫu > Chỉnh sửa HTML
2. Dán đoạn code bên dưới vào trước thẻ </head> sau đó Lưu template lại

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/><script src='http://trollfile.googlecode.com/files/cloud-zoom.1.0.2.js' type='text/javascript'/>

• Nếu trong tempalte của bạn đã có jQuery rồi thì xóa đoạn code đỏ bên trên đi 

Thêm ảnh với hiệu ứng zoom vào bài viết

Để thêm ảnh với hiệu ứng zoom bạn sử dụng code sau

<div class="separator" style="clear: both; text-align: center;">
<a class="cloud-zoom" rel="softFocus: true, position:'inside', smoothMove:2" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXMNEy06n3PWekYl5-DBzcrVfIuj0QB09qCnPqkYZ6hTO3SRQ3IZg0ufZtYKM_gDEI702cClN2wsiL00499lrzBmgJ3l_BmRpT1b34V2_o06_PJHptXGqJoyzUvkQS2Yh6_7Arrv_-VGA4/s1600/05.png" imageanchor="1" =><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXMNEy06n3PWekYl5-DBzcrVfIuj0QB09qCnPqkYZ6hTO3SRQ3IZg0ufZtYKM_gDEI702cClN2wsiL00499lrzBmgJ3l_BmRpT1b34V2_o06_PJHptXGqJoyzUvkQS2Yh6_7Arrv_-VGA4/s1600/05.png" width="300" /></a></div>

• Trong đó đoạn được bôi màu xanh là link hình ảnh và được bôi màu vàng là chiều cao và chiều rộng hình ảnh hiển thị ở bài viết

[/tintuc]

Có thể bạn quan tâm