Hôm nay Chip chia sẻ cho các bạn code Auto LightBox - có nghĩa là khi các bạn click vào ảnh trong bài viết sẽ hiện lên ảnh gốc,hay lắm,Demo.Các bạn click thử hình sau.
Bắt đầu thủ thuật nào:
1>Các bạn vào Thiết kế - Chỉnh sửa HTML ->Nhấn Ctrl + F ->tìm mã code sau </body>
2>Các bạn copy hết code bên dưới và chèn lên phía trên mã code </body>
Nếu bạn muốn hiệu ứng ảnh load nhanh thì thay code trên thành:
<!--start lightbox script--><link href='http://rilwis.googlecode.com/svn/trunk/blogger/lightbox.css' media='screen' rel='stylesheet' type='text/css'/><script src='http://rilwis.googlecode.com/svn/trunk/blogger/lightbox.min.js' type='text/javascript'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
<!--end lightbox script-->
Blog Điện Tử | Tin Học
<!--start lightbox script--><link href='http://rilwis.googlecode.com/svn/trunk/blogger/lightbox.css' media='screen' rel='stylesheet' type='text/css'/><script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script><script src='http://rilwis.googlecode.com/svn/trunk/blogger/lightbox.min.js' type='text/javascript'></script><!--end lightbox script-->
Nếu bạn muốn hiệu ứng ảnh load nhanh thì thay code trên thành:
<!--start lightbox script--><link href='http://rilwis.googlecode.com/svn/trunk/blogger/lightbox.css' media='screen' rel='stylesheet' type='text/css'/><script src='http://rilwis.googlecode.com/svn/trunk/blogger/lightbox.min.js' type='text/javascript'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
<!--end lightbox script-->
Blog Điện Tử | Tin Học