Info Harga Komputer dan Gadget

Membuat link title otomatis pada gambar

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

6 comments:

ganes said...

thanks for share....

www.edikomputer.com said...

sip gan sama-sama

baju muslim anak said...

klo yang di wordpress gmn gan ya?
tertarik juga, tp belum bisa bikin sendiri..

Laku.com Belanja Online Grosir Eceran Murah dan Aman said...

Sob,,, klu buat alt + title di gambar pada home templates yg autoreadmore gimana ya?
thanks
www.saveblogger.com

Arluva Story said...

terimakasih atas informasinya

Jasa Pembuatan Web Toko Online said...

Untuk gambar di toko online dengan cara seperti ini juga bisa kan om? Tapi bukan blog, WP. Apakah ada tutorialnya?

Post a Comment

Blog Ini Dofollow Ya bro tapi jangan nyepam komentar secara bijak dan sesuai dengan postingan