Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Menambahkan Alt Tag Otomatis (Judul) ke Posting Gambar di Blogger

Cara Membuat Tag Alt Pada Gambar Secara Otomatis Pada Blogger Punya Banyak Gambar?Jika Anda memiliki banyak gambar, maka akan sangat memakan waktu dan membosankan untuk menambahkan teks alt dan judul ke setiap gambar satu per satu. Untuk mempermudah pekerjaan ini saya punya sebuah plugin kecil untuk blogger yang secara otomatis akan menambahkan teks alt dan judul ke semua gambar. Berarti Anda tidak perlu menambahkan teks alt secara manual. Cukup unggah gambar anda dan selesai. Pekerjaan menambahkan judul dan tag alt ke gambar akan dilakukan plugin ini. 
 
Juga jika Anda memiliki beberapa gambar postingan lama yang juga tidak memiliki judul dan tag alt, maka Anda tidak perlu menambahkan tag alt ke gambar secara manual, skrip ini secara otomatis akan menambahkan tag judul dan alt ke semua gambar situs blogger Anda. 
 
Cara Menambahkan Alt Tag Otomatis (Judul) ke Posting Gambar di Blogger Ingin memasang widget ini? jika ya maka ikuti langkah-langkah sederhana di bawah ini: 
 
  1. Pergi ke Dasbord Blogger  
  2. Klik Tab Template  
  3. Klik Edit HTML 
  4. Sekarang cari tag </body>  
 
 
Setelah menemukan Sekarang tempel kode di bawah ini tepat di atas tag </body>.


<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/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('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.'))); $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.'))); }); }); //]]> </script>


Sekarang klik Save Template.

Itu saja Anda telah berhasil menginstal widget

Kustomisasi

Sebagian besar template blogger sudah menambahkan Jquery Library. Jadi, jika library jquery sudah ada di template blogger Anda maka hapus saja baris kode yang disorot warna merah  dari kode tersebut. Tetapi jika perpustakaan jquery tidak ada di template Anda, maka jangan hapus teks yang disorot, jika tidak widget tidak berfungsi.

Bagaimana Cara Kerja Widget Ini

Jika Anda penasaran dengan  bagaimana cara kerjanya widget? Bagaimana menambahkan judul dan teks alt ke gambar dan dari mana ia mendapatkan judul dan teks alt? Kemudian di sini saya akan menjelaskannya.

Widget ini mendapatkan nama gambar yang telah Anda masukkan ke gambar sebelum mengupload dan menambahkan nama itu sebagai judul dan teks alt dari gambar.

catatan: Yang Jadi, perlu diingat bahwa sebelum mengunggah gambar jangan lupa untuk mengganti nama file gambar dengan benar sesuai dengan topik posting Anda, sehingga Anda mendapatkan teks alt yang tepat untuk gambar Anda.

Posting Komentar untuk "Cara Menambahkan Alt Tag Otomatis (Judul) ke Posting Gambar di Blogger"