Cara Memasang ALT Image Otomatis Di Gambar Blogger

ALT Image
Halo sobat blogger, hari ini saya akan Share kepada sobat blogger cara memasang ALT Image Otomatis pada gambar blogger. Semua sudah tahukan apa fungsi dari ALT Image pada gambar Blogger ?
Ya, ALT Image berfungsi untuk mengoptimasi SEO pada Postingan Blogger yang tersisipkan Gambar, karena Google akan lebih mudah untuk menentukan letak-letak indeks artikel sehingga blog kita yang terdapat ALT image bisa ditemukan pada pencarian gambar di google, maka dari itu ALT Image penting untuk sebuah Blog, coba saja jika anda tidak memasang ALT Image pada postingan anda yang tersisipkan gambar dan anda mengecek Seo Score Blog anda di Chkme.com, pasti mereka akan menyarankan anda untuk selalu menyisipkan ALT Image pada gambar yang belum dipasang ALT Image.
Ada dua cara dalam memasang ALT Image, ada yang secara manual dan ada yang secara Otomatis, jika dengan cara manual lebih ribet, karena kita harus memasang ALT Image setiap kita ingin menyisipkan gambar dalam postingan kita, tetapi dengan menggunakan pemasangan ALT Image otomatis, kita bisa sedikit terbantu, karena kita tidak harus memasang ALT image secara manual saat kita menyisipkan Gambar, karena ALT Image sudah terpasang secara otomatis di Gambar tersebut.
ok deh, kalau sobat ingin memasang ALT Image otomatis di blog sobat, bisa ikuti Cara Berikut.
1. Masuk Ke Blogger
2. Pilih Tab Template
3. Klik Edit HTML
4. Cari Kode </body> (Pake CTRL+F supaya lebih mudah)
5. Tempelkan Kode Dibawah ini tepat diatas Kode </body>
<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>

Segitu aja, semoga bermanfaat bagi Sobat Blogger.

Artikel Terkait

  • Cara Membuat Pop Up Window Di Blog Tutorial yang sangat sulit dicari ini akan coba saya publikasikan, mungkin untuk seorang master, hal ini tidaklah sulit, tetapi untuk kita yang masih awam dalam masalah ini, pa ...
  • Bahasasisasi Aneh Vicky Prasetyo Saat Wawancara Mungkin diantara sobat semua ada yang tertarik untuk mengetahui, kata-kata yang disampaikan oleh Vicky Prasetyo pada saat Wawancaranya kepada  media, seperti yang kita k ...
  • Membuat Widget Scroll To Top Dengan Jquery Kali ini, saya akan memberikan Tutorial kepada sobat Blogger tentang cara Membuat Widget Scroll To Top Dengan Jquery. Sobat mungkin sudah tahu apa fungsi dari Scroll to top ini ...
  • Fungsi CDATA Dalam JS dan CSS Jika kamu sering mengotak-atik CSS maupun JS atau mungkin cuma drag and drop kode dari orang lain kamu terkadang akan menemukan yang namanya CDATA atau tertulis // <![CDATA ...
  • Membuat Tombol Link Sederhana Dengan CSS Sudah lama saya gak share tentang Tips Blogger karena beberapa hari ini saya cuma share artikel Umum seperti Berita Misteri, Game, dll pokoknya. Maklum saya kurang berpengalam ...
Previous
« Prev Post