Cara Memasang Tag Alt Dan Title Pada Gambar Secara Otomatis di Blog

Hay Sobat XC-Blog ! Apa kabar semuanya nih ?
sebelumnya XC-Blog share tentang "Cara Membuat Read More Dengan Thumbnail" <- Gimana ? Caranya mudah kan sob hehehe...
ok sekarang XC-Blog Mau ngeshare "Cara Memasang Auto Tag Alt Dan Title Pada Gambar Secara Otomatis"

oke langsung saja kita ke pembahasannya !
kemaren" ada yang tanya sama saya..
kenapa gambar pada postingan memerlukan Alt & title.... ?
karena kalau tidak dipasangkan alt dan title, maka google tidak bisa mencari gambar yang di posting di blog kalian...
kalian tau gak, Tag ALT Dan Title itu SEO juga loh,...
nah karena itu XC-Blog mau share cara memasang auto tag alt dan title pada gambar secara otomatis...
oke langsung saja ke cara"nya untuk memasang alt dan title secara otomatis...
Pertama" kalian login ke blogger, terus masuk ke dasbor
trus pergi ke template, klik EDIT HTML...
lalu centang Expand template widget...
kemudian Copy paste code dibawah ini tepat di atas code </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>

Kemudian kalau sudah, Save Template...
lalu sentuh gambar pada posting blog, kalau sudah ada alt dan title nya brarti sudah bisa,,..
kalau tidak ada ya coba lagi xD
hehehe..
oke sekian dari kami, semoga artikel ini bermanfaat untuk anda :)

Tweet

Postingan terkait:

Ditulis Dandi Saseno — Thursday, 20 December 2012 — 13 Comments — tutorial blog