Oke tanpa memperpanjang kata lagi marilah sama-sama kita ikuti tutorial berikut ini dan wajib dipraktekan.
Cara Pertama Atau Cara Manual :
- Loggin Dulu ke Blog sobat.
- Lalu Pilih Artikel yang ingin diberi ALT Tag pada Gambarnya,Lalu klik Edit.
- Setelah itu Klik Kiri pada Gambar Tersebut Hingga Gambar Tersebut menunjukan Beberapa menu.
- Nah sekarang sobat Klik Properties seperti yang terlihat pada Gambar Berikut.
- Setelah Sobat Klik Properties maka akan muncul Tab seperti ini :
- Masukan Judul Gambar Tersebut Misalnya Cara Membuat Blog.Dan Masukan ALT Tag Gambar sobat contoh Tutorial Blog.setelah itu Klik OK.
- Sekarang gambar sobat telah memiliki ALT Tag.
- Loggin Ke Blog sobat.
- Klik Template > Edit HTML , dan cari kode </body> dan taruh kode dibawah ini di atas kode </body>.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
//SEO SCRIPT POWERED BY www.tutorialblogspot.com
<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('.')));
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
- Sekarang Klik Save Template.
- Dalam menggunakan Cara otomatis ini maka ALT Tag Gambar akan disesuaikan dengan judul gambar.misalkan judul gambar Ivo.jpg,maka judulnya akan berubah menjadi Ivo.
Mantapppp nih tipsnya
ReplyDeleteoke gan.. bisa dipraktekin..
ReplyDeleteBisa gan ....
Deletekeren gan artikelnya sangat bermanfaat :)
ReplyDeleteby Ziwipedia