Cara Optimasi Gambar Postingan Secara Otomatis sangat berguna untuk mempercepat membuat postingan terutama postingan yang banyak mengandung unsur gambar, tapi dengan menggunakan script ini anda tidak perlu repot lagi memberi descripsi secara manual setiap gambar karena cript ini akan memberi descripsi gambar secara otomatis biar lebih SEO.
Dengan terdescripsinya gambar otomatis menambah nilai plus mata mesin pencaharian, terutama pencaharian gambar. banyak orang menganggap gambar tidak terlalu penting, buat saya jauh beda sedikit apapun pengaruhnya tetep ada nilainya di mata mesin pencaharian.
oke lah klo begitu kita langsung saja ke tahap pengerjaann. untuk pengerjaan nya boleh di bilang sangat simple cuku copy pastekan script di bawah ini ke template tepatnya di antara <body> dan </body>
code script
<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>
<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
var viewportHeight = $(this).height(),
scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
$('#scroll')
.css('top', distance)
.text(' (' + Math.round(progress * 100) + '%)')
.fadeIn(100);
if (scrollTimer !== null) {
clearTimeout(scrollTimer);
}
scrollTimer = setTimeout(function() {
$('#scroll').fadeOut();
}, 1500);
});
//]]>
</script>
