Membuat link title otomatis pada gambar

kalo kemarin saya membahas tentang cara membuat link title otomatis pada judul artikel sekarang saya akan menulis tentang bagaimana membuat link title otomatis pada gambar oke sebelumnya kita lihat demonya silahkan arahkan mouse pada gambar di bawah ini tapi nggak usah di klik

Nah kalo kursor diarahkan ke gambar maka akan muncul seperti gambar yang saya lingkari kalo nggak kelihatan klik gambar untuk memperbesar

nah oke penasaran kan bagaimana cara membuatnya?
langsung saja login ke blogger kemudian edit template pilih edit HTML kemudian cari kode ini

</body>

Setelah ketemu copy dan paste kode ini diatasnya :

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

Kalo Sudah simpan template lalu kamu unggah gambar dan jangan lupa beri judul gambar sesuai keinginan misalnya gambar-optimasi-seo.jpg setelah di unggah lihat hasilnya di bagian posting letakkan kursor pada gambar maka akan muncul tulisan "gambar optimasi seo" demikian tutorial dari saya kurang lebihnya saya mohon maaf
salam sukses blogger indonesia

Anda baru saja membaca artikel yang berkategori blogger / seo dengan judul Membuat link title otomatis pada gambar . Anda bisa bookmark halaman ini dengan URL http://sisatruk.blogspot.com/2012/08/membuat-link-title-otomatis-pada-gambar.html .

Iklan

Artikel Terkait blogger , seo

Belum ada komentar untuk " Membuat link title otomatis pada gambar "

Post a Comment