Membuat Alt Tag Dan Title Otomatis Tiap Gambar

Tweet

Kali ini saya share Cara Membuat Alt Tag Dan Title Otomatis Tiap Gambar Pada Blog. Anda masih saja secara manual mengisi Alt Tag dan Title pada suatu gambar di blog anda?. Sekarang tidak lagi, karena saya disini share kode script Alt Tag Dan Title Automatic tiap gambar blog. Kode script ini sangat saya anjurkan untuk anda, karena kode ini sangat seo sekali untuk postingan blog anda. Berikut ini adalah Tutorial Tips Trik Langkah-Langkah Cara Membuat Alt Tag Dan Title Otomatis Tiap Gambar :

1. Pastikan sudah masuk ke akun blogger anda.
2. Klik "Template" >> "Edit Html" >> "Lanjutkan" >> Centang pada "Expand Template Widget".
3. Letakkan kode berikut ini tepat DIATAS kode </body>

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

4. Kemudian, klik "Simpan Template" dan lihat hasilnya.

Silahkan anda cek salah satu postingan blog anda, dan arahkan mouse pointer tepat pada gambar postingan. maka keluar Alt Tag gambar. Sekian dulu postingan kali ini, semoga artikel ini bermanfaat untuk anda para pengguna blogger setia. Terima kasih.

Baca Juga Artikel Dibawah Ini!