Images - Thủ thuật hiệu ứng làm mờ hình ảnh trong bài viết Blogger

Đây là tiện ích tạo hiệu ứng mờ đi hình ảnh khi bạn đưa (chỉ) chuột vào vị trí hình ảnh hiện hành tạo ra hiệu ứng chuyên nghiệp làm cho Blogger của bạn hấp dân hơn (Có lẽ vậy). Thủ thuật blogger này giúp bạn tạo hiệu ứng bóng mờ cho ảnh hoàn toàn tự động. Thiết kế website của bạn chuyên nghiệp hơn. 

>>Lỗi ảnh - Thủ thuật sửa lỗi ảnh tràn quá khung bài viết Blogger

>>Slide - Thủ thuật Slide JQuery bài viết ở trang chủ cho Blogger

>>Related Posts - Thủ thuật bài viết liên quan có hình ảnh và bài viết cho Blogger
>>Related Posts - Thủ thuật bài viết liên quan có hình ảnh cho Blogger

>>Navbar - Thủ thuật làm trong suốt thanh Navbar trong Blogger
>>Label / Archive - Thủ thuật hiện tiêu đề trong Label / Archive của BLogger
>>Chữ nhấp nháy - Thủ thuật tạo chữ nhấp nháy trong Blogger
>>Slide JQuery - Thủ thuật tạo Slide JQuery cho Blogger
>>Comments - Thủ thuật đánh số cho bình luận trong Blogger
>>Comments - Thủ thuật đánh số cho nhiều hơn 200 bình luận trong Blogger
>>Popular Posts - Bài viết phổ biến cho Blogger - Version 1

1- Đăng nhập vào Blog

2- Vào thiết kế (Mẫu)

3- Chọn Chỉnh sử HTML (Không cần mở rộng tiện ích mẫu)

4- Thêm đoạn code sau vào trước thẻ  </head> .

<script src='http://thietkewebplus.googlecode.com/files/jquery.min.anh.js' type='text/javascript'/>      
<script type='text/javascript'>       
$(document).ready(function(){       
$(".post img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads       
$(".post img").hover(function(){       
$(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover       
},function(){       
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout       
});       
});       
</script>       
<script type='text/javascript'>       
$(document).ready(function(){       
$(".latest_img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads       
$(".latest_img").hover(function(){       
$(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover       
},function(){       
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout       
});       
});       
</script>

4- Lưu mẫu lại và kiểm tra kết quả.