Hosting Miễn Phí
Headlines News :
Home » » Thêm hiệu ứng Zoom ảnh cho Blog post của bạn

Thêm hiệu ứng Zoom ảnh cho Blog post của bạn

Written By Kelvin on June 01, 2009 | Monday, June 01, 2009

Thêm hiệu ứng Zoom ảnh cho mỗi bài viết của bạn sẽ làm tăng thêm phần sinh động cho trang web về mặt hiển thị.Hôm nay tôi sẽ hướng dẫn cho các bạn cách thêm hiệu ứng này vào blogger.

Để tránh việc code không hoạt động các bạn hãy tải 2 file này về và up lên host của các bạn: FancyZoom.js and FancyZoomHTML.js

Bạn vào Layout --> chọn Edit HTML tìm thẻ </head> sau đó chèn đoạn code này phía trên nó

<script src='http://www.hotlinkfiles.com/files/2456531_8h8pt/FancyZoom.js' type='text/javascript'></script>

<script src='http://www.hotlinkfiles.com/files/2456532_z8cmt/FancyZoomHTML.js' type='text/javascript'></script>


tìm đến thẻ <body> thay đổi nó như bên dưới
<body onload="setupZoom()">


Click SAVE TEMPLATE


Lúc này hình ảnh mà bạn muốn hiển thị mỗi làn post nó sẽ như thế này


<a href="http://img2.pict.com/ef/2a/93/d6ba88943e19c2608b3e7b88f8/yZOfg/800/holocaustremembranceday.gif"><img height="200" src="http://img2.pict.com/ef/2a/93/d6ba88943e19c2608b3e7b88f8/yZOfg/800/holocaustremembranceday.gif" width="300" border="0" /></a>


Click vào hình ảnh dưới xem DEMO




Share this post :

Post a Comment

Bạn có ý kiến thắc mắc hay bình luận gì về bài viết này vui lòng để lại lời nhắn.Cám ơn bạn đã ghé thăm !

 
Support : Creating Website | Demo Template
Copyright © 2011. Free Style Love - All Rights Reserved
Template Created by Creating Website Published by DemoTemplate
Proudly powered by Blogger