Pages

Tuesday, July 16, 2013

Cara Memasang ALT Gambar pada Blogspot Secara Otomatis

Cara mudah memasang ALT Image pada blogspot secara otomatis bagi sebagian blogger memang sering dilakukan, dengan maksud menambahkan keterangan (ALT) pada gambar /image yang ada diblog bisa memudahkan si mesin pencari mengindeks secara sempurna blog yang ada. Dengan begitu kemungkinan besar visitor blog anda tidak melulu dari search konten dari search engine saja melainkan bisa dari search image.

Ok, langsung saja berikut cara memasang ALT Image /Gambar pada Blogspot Secara Otomatis
1. Log in Blogger
2. Klik menu Layout >> Edit HTML
3. Copy kode berikut ini dan letakkan persis diatas 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>
4. Simpan Template

No comments:

Post a Comment