Untuk menambahkan title dan alt text pada gambar bisa dilakukan dengan dua cara yaitu cara manual dan otomatis.
Cara manual bisa anda lakukan dengan menyentuh gambar yang telah di upload kedalam artikel,kemudian akan muncul menu pilihan lalu klik ikon pengaturan,silahkan isi title dan alt text sesuai dengan isi artikel yang anda bahas,jika gambar pada artikel lebih dari satu maka usahakan alt text yang dimasukan harus berbeda dengan gambar yang lainnya. Jika sudah selesai silahkan klik perbarui.
Cara berikutnya adalah membuat title dan alt text secara otomatis.
Langkah pertama silahkan copy kode script di bawah ini
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/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>
Selanjutnya buka akun blogger anda kemudian pilih menu tema lalu klik edit html.
Cari kode </head> kemudian tempatkan kode script tersebut di atasnya. Setelah selesai selanjutnya klik simpan.
Dengan menggunakan kode script di atas maka secara otomatis title dan alt text gambar akan terisi ketika artikel yang anda buat dipublikasikan.
Sampai disini pembahasan mengenai cara membuat title dan alt text otomatis pada gambar artikel blog,semoga bisa dipahami dan terimakasih sudah berkunjung ke blog yang sangat sederhana ini.
Tidak ada komentar:
Posting Komentar