.socials {float:left;display:block;width:32px;height:32px;background:url(http://i.imgur.com/lmSYJ.png) no-repeat;cursor:pointer;position:relative;margin:14px 0 0 30px} ul.reset,ul.reset li {display:block;list-style:none;padding:0;margin:0} ul.reset li {position:absolute} ul.reset li a {outline:none} a.comment-link:before{content:"7766";} #navbar-iframe { display: none !important;} #navbar-iframe { display: none;} xaydunghanoi.vn
News Update :

Tạo hiệu ứng zoom cho ảnh trong Blogger

nissan viet nam

hông thường , khi vào các forum, các bạn đều gặp qua chức năng zoom ảnh mỗi khi người viết đăng tải ảnh có kích thước khá lớn. Chức năng này giúp người đọc nhanh chóng phóng to, thu nhỏ được hình ảnh một cách dễ dàng. Thủ thuật này khá hay, và mình sẽ giới thiệu cách tạo hiệu ứng zoom này cho Blogger nhờ file JS có tên FancyZoom. Mời các bạn xem qua.

1. Đầ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)
2. Thêm đoạn code bên dưới vào ngay bên trên thẻ </head>
<script src='http://boyprodx.110mb.com/ZoomImage.js' type='text/javascript'/>
<script src='http://boyprodx.110mb.com/ZoomImageinHTML.js' type='text/javascript'/>
3. Sau đó, kéo xuống khoảng dưới, xóa thẻ <body> và thay thế bằng code
<body onload="setupZoom()">
4. Save lại template .

Vậy là bạn đã thiết lập được tính năng zoom cho Blogger rồi đấy. Tuy nhiên, để dùng được tính năng này, thì kể từ giờ , bạn không dùng thẻ <img src="Link hình" /> để chèn hình nữa, mà phải dùng code sau :
<a href="Link hình"><img src="Link hình" width="300" height="200" border="0" /></a>
Lưu ý :
Link hình phải có đuôi mở rộng như .jpg , .png, .gif ...
Width : độ dài thumbnail của ảnh.
Height : chiều cao thumbnail của ảnh.

Ví dụ như :<a href="http://i259.photobucket.com/albums/hh283/boy_proDX/Banner_New_2009.png"><img src="http://i259.photobucket.com/albums/hh283/boy_proDX/Banner_New_2009.png" height="200" width="300" border="0" /></a>
Gửi bài viết này cho bạn bè qua Y!M:

xaydunghanoi.vn

0 nhận xét:

Đăng nhận xét

 

© Copyright New | Kiến thức -Thủ thuật - Giải pháp công nghệ 2010 -2011 | | Powered by Blogger.com.
Trang web này hổ trợ tốt nhất với trình duyệt Mozilla Firefox, Nếu không xem được trang web trong Internet Explorer, hãy thử laị với Mozilla Firefox