Item: Thêm thẻ Alt và Title tự động cho hình ảnh trong Blogspot 2017
Rating: 9.5
Author: Bùi Tấn Đạt

Bởi: Bùi Tấn Đạt - Lúc: 14:29

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

<!-- title alt ảnh gocviet.info --> 
<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>
<!-- end title alt ảnh -->

Đ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 ản

Lưu ý là template phải có sẵn thư viện Jquery nhé!
Nếu chưa có Jquery thì vào xem hương dân: Thêm thư viện Jquery vào Blogspot