Cara Membuat Gambar Menjadi SEO Otomatis - Tutorial kali ini kan membahas bagaimana cara membuat gambar didalam blog bsa menjadi SEO dengan otomatis.
Tujuan kali ini saya memberikan sebuah tutorial SEO ini dalam gambar, soalnya sering kali seseorang mencari di pencaran google dengan melhat gambar. Nah, biar gambar sobat menjadi SEO yaitu dengan langkah dbawah ini.
Langkah Membuat Gambar Menjadi SEO Otomatis
1. Masuk ke Blogger > Klik Template > Edit HTML
2. Masukkan kode dibawah ini tepat diatas kode </body>
<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>
3. SAVE dan lihat hasilnya.
Sekian untuk Tutorial Membuat Gambar Menjadi SEO Otomatis. Terimakasih.
0 comments: