Để thực hiện được điều này, việc bạn phải làm đơn giản chỉ là thêm 1 đoạn script vào template Blogspot.
Đăng nhập vào Blogspot, trong tab Template, chọn Edit Html. Sau đó bạn tìm thẻ đóng </body> và thêm đoạn script dưới đây vào bên trên thẻ </body>:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {$('img').each(function(){var $img = $(this);var filename = $img.attr('src')$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));});});</script>
<script type='text/javascript'>
$(document).ready(function() {$('img').each(function(){var $img = $(this);var filename = $img.attr('src')$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));});});
</script>
Sau đó chọn Save Template và bạn đã hoàn thành công việc
Tuy nhiên việc tự động thêm thẻ alt và title này có thể mang lại những hiệu ứng không mong muốn, vì vậy hãy đọc qua phần những lưu ý của mình dưới đây:Đoạn mã Script trên sẽ lấy tên của ảnh làm thẻ title và alt của chính bức ảnh đó, vì vậy hãy nhớ đổi tên ảnh trước khi upload, nếu không 1 thẻ trên sẽ không được tối ưu như mong muốn.
Đoạn script trên sẽ làm chậm tốc độ tải trang của Blogspot đi trông thấy vì vậy hãy chắc rằng bạn đã tăng tốc cho Blogspot và việc tự động thêm thẻ title và alt trên là điều cuối cùng bạn có thể làm, nếu không bạn nên tự thêm 2 thẻ này 1 cách thủ công.
Đoạn script trên có thể gây xung đột với Json Label Widget (1 widget giúp hiển thị bài post tại trang chủ theo label) và 1 số widget khác, vì vậy khi thực hiện xong các bạn nên quay lại blog của mình và xem có widget nào bị mất đi không
Blogger Comment
Facebook Comment