Tự động thêm thuộc tính alt text và title vào hình ảnh khi post bài


Khi viết bài khi upload hình ảnh lên ta thường thêm chú thích và thuộc tính để SEO hình ảnh .Trong blogspot việc Seo hình ảnh cũng rất chú trọng cho việc google tìm kiếm cho blog của bạn.
 Đoạn code dưới đây sẽ tự động thêm thuộc tính alt text và title vào hình ảnh khi post bài.
 Đăng nhập vào Mẫu -> Chỉnh sửa HTML thêm đoạn code bên dưới vào trước thẻ </body>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>   <script type='text/javascript'>   //<![CDATA[   $(document).ready(function() {    $('img').each(function(){     var $img = $(this);     var filename = $img.attr('src')     $img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));     $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));    });   });   //]]>   </script>
Share on Google Plus

About ThaiBinhNguyen

Là 1 người đam mê máy tính và công nghệ. Thích thiết kế website, quản trị hệ thống mạng máy tính "Thích học hỏi và chia sẻ kiến thức".Mọi chi tiết xin vui lòng liên hệ qua email:hienla81@gmail.com.
    Blogger Comment
    Facebook Comment

0 comments:

Post a Comment

» Không sử dụng những từ ngữ thô tục, vi phạm thuần phong mỹ tục
» Mọi thắc mắc, gợi ý hoặc bình luận xin chia sẻ bên dưới hoặc Gửi thư
» Hãy viết bằng tiếng Việt có dấu để mọi người có thể đọc!
» Để viết chữ in đậm hãy sử dụng thẻ chữ in đậm