Cara menambahkan tag ALT gambar secara otomatis

alt tags

Menambahkan Alt Tag Pada Gambar Otomatis

1. Masuk ke Blogger.com
2. Pilih blog yang akan di edit
3. Klik Template => Edit HTML
4. Kemudian cari kode </body> biasanya ada di bagian paling bawah (tekan F3 atau Ctrl + F untuk mempercepat pencarian)
5. Jika sudah ketemu masukkan kode ini, tepat di atas kode </body>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.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('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<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('.')));
});
});
//]]>
</script>

Terakhir simpan klik simpan template
Sebaiknya back up / cadangkan dulu blog sobat sebelum memasang kode ini, untuk menghindari kesalahan yang tidak kita inginkan,...
Demikian cara memasang tag alt otomatia diblog,

alt tag gambar 

Tweet