Membuat Judul Dan Deskripsi Gambar Otomatis Pada Blogger

Bismillaahirrahmaanirrahiim
Assalaamu'alaikum Wr Wb!

Tiap sesuatu tentu ada judul dan deskripsi, seperti Website atau Blog.
Begitu pula dengan gambar yang ada pada Website atau Blog, contoh gambar pada artikel Blog. Kebanyakan blog memiliki judul atau deskripsi pada gambar artikel, ketika anda arahkan kursor pada gambar artikel Blog maka akan tampil judul atau deskripsi gambar tersebut.
Dalam sistem Website atau Blog ini disebut "atribut gambar" atau "image title" dan "image alt", ini sangat berfungsi bagi para Webmaster atau Blogger yang peduli akan SEO pada Website atau Blog mereka karena ini adalah salah satu faktor penambah nilai SEO pada suatu Website atau Blog. Para pengunjung pun merasa senang ketika mengunjungi sebuah Website atau Blog yang super optimasi seperti saat mereka mengarahkan kursor pada gambar ada atributnya, maka akan sangat indah. Maka disini anda sebagai seorang Webmaster atau Seorang Blogger harus bekerja memenuhi hal tersebut. Namun saya yakin kalau anda super sibuk dan tidak hanya mengurus satu pekerjaan saja dalam arti waktu anda jarang ada yang kosong, oleh karena itu saya akan memberikan solusi untuk membantu memudahkan pekerjaan anda dalam hal ini.

Dalam hal ini tentu anda harus menambah atribut atau judul atau deskripsi gambar pada Website atau Blog anda, tentu cara umum adalah menambahkan menambah atribut atau judul atau deskripsi gambar tiap anda memposting artikel, terus bagaimana jika anda lupa menambah menambah atribut atau judul atau deskripsi gambar artikel anda? Cara umum itu tidak membantu anda, maka saya akan bagikan cara supaya gambar artikel anda memiliki atribut secara otomatis tanpa anda harus menambahnya tiap kali anda posting artikel pada blog anda.

Jika anda berminat, mari ke tutorialnya

Anda hanya perlu meletakkan JavaScript berikut diatas / sebelum tag </body> dalam tema blog anda.

<!-- Titles And Descriptions Image By www.AreefBlogger.com Starts -->
<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>
<!-- Titles And Descriptions Image By www.AreefBlogger.com Ends -->

Alhamdulillaah, tutorial sudah siap.

Note

Jika ada pertanyaan, silahkan anda bertanya kepada Admin melalui komentar!
Terima Kasih.

Silakan anda bagikan artikel ini kepada teman-teman anda di media sosial, agar mereka juga dapat mengambil manfaat dari artikel ini!

Alhamdulillaah
Insyaa Allaah, semoga artikel saya dapat membantu sahabat semua!
Wallaahu'alam
Wassalaamu'alaikum Wr Wb!

About Admin Areef Blogger

Sharing All About Technology

Blockchain Bismillaahirrahmaanirrahiim Assalaamu'alaikum Wr Wb! Apa Itu 'Blockchain'? Blockchain adalah
Memasang Font Google Pada Blogger Bismillaahirrahmaanirrahiim Assalaamu'alaikum Wr Wb! Apa Itu Fonts? Font ialah bentuk w
Membuat Font Awesome Rotated Dan Flipped Pada Blogger Bismillaahirrahmaanirrahiim Assalaamu'alaikum Wr Wb! Pada artikel kali ini saya akan membagi
Memasang Font Awesome Pada Blogger Bismillaahirrahmaanirrahiim Assalaamu'alaikum Wr Wb! Pada artikel kali ini saya akan bag