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

Related Posts

No comments:

Post a Comment

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