Tutorial Cara Pasang Auto Alt Title Tag Pada Imej/Gambar

Tutorial Cara Pasang Auto Alt Title Tag Pada Imej/Gambar - Dahulu saya tahu nak buat title tag pada imej ni, tetapi sebab dah lama ditinggalkan, saya pun dah lupa. Oleh kerana kini saya mahu menggunakannya semula, jadi saya google sana sini dan akhirnya dapat penyelesaian terbaik.

Tutorial Cara Pasang Auto Alt Title Tag Pada Imej/Gambar

Ikut cara-cara ringkas berikut dan anda dapat auto alt title tag imej anda dalam blog.

Install/pasang Script berikut:.

1) Pergi ke Template >> Edit Html << EDIT TEMPLATE
2) Cari kod </body> dengan cara CTRL F dalam Template anda
3) Salin kod di bawah dan tampal/paste di atas/sebelum kod </body> tadi.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.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('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>

4) Sekarang SIMPAN/SAVE Template. Semak imej anda. 

Dengan meletakkan mouse pada imej, tajuk imej anda akan terpapar. 

Selamat berjaya!

Read More ....