Tạo hiệu ứng mờ cho ảnh trong Blogger BlogSpot

admin Mar 31, 2011 6

Nếu các bạn hay dạo web nhiều, chắc hẳn sẽ không ít lần bạn gặp trường hợp web/blog có hiệu ứng gây mờ (opacity) cho ảnh , chỉ khi rê chuột đến thì ảnh mới hiện màu nguyên thủy. Đây là một thủ thuật rất đơn giản, chỉ cần thêm 1 đoạn code css nhỏ dưới đây là bạn có thể làm được. Trước hết, mời các bạn xem mẫu hiệu ứng tại đây.

Sau khi đã xem qua một số hình mẫu, chúng ta bắt đầu thực hiện thủ thuật nhé :

1. Đầu tiên, bạn đăng nhập Blogger >> Layout >> Edit HTML.
2. Tiếp theo, bạn tìm đến thẻ </head> và thêm ngay bên trên đoạn code này vào:

<!–LINK-OPACITY-STARTS–>
<style type=”text/css”>

a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=50);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }

</style>
<!–LINK-OPACITY-STOPS–>

3. Sau khi đã thêm xong, bạn save lại template. Vậy là bạn đã hiệu chỉnh xong cho Blog có thêm hiệu ứng mờ khi chèn ảnh rồi đấy.

Lưu ý

Kể từ giờ, mỗi khi chèn ảnh vào Blog , bạn sẽ dùng code sau (phải có đoạn code bôi đen nhé!)

<a href=”URL tùy chỉnh”><img src=”Link ảnh” /></a>

chẳng hạn như :

<a class=”linkopacity” href=”http://vntim.blogspot.com”><img src=”http://tuanvietnam.net/Library/Images/60/2007/12/3112sach.jpg” /></a>

Vậy là xong rồi đấy, chúc bạn thành công !

6 Comments »

  1. Beauty Tips Apr 17, 2011 at 12:56 pm - Reply

    Okay article. I just became aware of your blog and desired to say I have really enjoyed reading your opinions. Any way I’ll be subscribing in your feed and Lets hope you post again soon.

  2. mortgage problems Apr 17, 2011 at 3:52 pm - Reply

    Your weblog appears remarkable – complete with top quality articles or blog posts.. and so forth. I believe you might get even much better good results with incorporating some a lot more movies and pictures. What do you believe. While I’ve bookmarked it. Many thanks.

  3. how to get rid of cellulite on legs Apr 17, 2011 at 5:02 pm - Reply

    Your physique has two layer involving skin. You find cellulite the moment fat tissue in the inner film starts to help you push this connective tissue at the center layer also, you get small to medium sized dimples. Women employ a much thin skin as opposed to men thereby they convey more cellulite.

  4. Everett Avalos Apr 18, 2011 at 7:05 pm - Reply

    Hi there, I found your web site via Google while searching for a related topic, your website came up, it looks good. I have bookmarked it in my google bookmarks.

  5. Rob Rasner IMDB Apr 19, 2011 at 10:15 am - Reply

    Yes, know precisely whatever you imply. It is not just with a shops nor. Young people who drive close to with their boom box set on higher that you can hear its growth boom

  6. mold removal ma Apr 19, 2011 at 3:54 pm - Reply

    Love the info on this site, you have done outstanding job on the articles.

Đăng Bình Luận »