Thêm thẻ Alt và Title cho hình ảnh trong Blogspot

1. Chèn thẻ Alt và Title cho hình ảnh thủ công

Đối với phương pháp này thì thực hiện cho từng ảnh một, Khi đang ở khung soạn thảo, click chuột lên ảnh và chọn add caption

Update: Bạn có thể áp dụng phương pháp này: Tự động thêm thẻ Alt và Title cho hình ảnh bằng tiêu đề bài viết Blogspot

Sau đó thêm nội dung 2 thẻ này vào ô trống >> OK:

2. Chèn thẻ Alt và Title cho hình ảnh tự động

Cách 1 nên áp dụng cho blog mới, có ít hình ảnh, còn những Blog có nhiều hình ảnh hoặc Blog có nhiều bài đã được viết trước đó thì làm sẽ rất mất thời gian.

Vì vậy bạn nên áp dụng phương pháp sử dụng Javascript dưới đây

Thêm đoạn scritpt bên dưới vào trước thẻ </body> trong tempale của Blog, sau đó lưu lại:

<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>

Đoạn Javascript trên sẽ tự động thêm thẻ Alt và Title cho tất cả các hình ảnh trong Blog, kể cả những hình ảnh đã được post trước đó. Nội dung của hai thẻ này chính là tên của hình ảnh
Lưu ý là template phải có sẵn thư viện Jquery nhé