Home » , » Memasang Auto Tag ALT dan TITLE Pada Setiap Gambar

Memasang Auto Tag ALT dan TITLE Pada Setiap Gambar

Written By Unknown on Thursday, August 30, 2012 | 6:53 PM


Memasang Auto Tag ALT dan TITLE Pada Setiap Gambar - Memasang tag ALT dan TITLE pada setiap gambar memang sangatlah penting, sebagaimana telah saya jelaskan dalam postingan yang lalu mengenai pentingnya memasang tag ALT dan TITLE pada setiap gambar. Nah, pada kesempatan kali ini saya akan share tentang cara memasang auto tag ALT dan TITLE pada setiap gambar, dengan memasang auto tag ALT dan TITLE ini maka setiap gambar yang kita upload ke web/blog kita akan secara otomatis (auto) terdapat tag ALT dan TITLE pada gambar tersebut yang tujuannya adalah agar lebih SEO friendly. Jadi sebelum anda upload gambarnya, atur dan sesuaikan dulu nama gambarnya agar sesuai dengan keinginan anda.

Dan berikut langkah-langkah cara memasang auto tag ALT dan TITLE pada setiap gambar :

1. Login ke blogger.com
2. Masuk ke halaman Template » Edit HTML » Lanjutkan, centang Expand Template Widget.


3. Kemudian cari kode </body> dan letakkan script berikut ini tepat di atasnya :

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

4. Klik save/simpan template, dan selesai.

Demikianlah postingan pada kesempatan kali ini, semoga bermanfaat bagi anda. Akhir kata saya ucapkan terima kasih atas kunjungannya dan mohon ma'af atas segala kekurangan.

0 comments:

Post a Comment