$type=carousel$cols=3

Membuat ALt Tag Otomatis pada Gambar

CARA MEMBUAT TITLE DAN ALT TAG OTOMATIS PADA GAMBAR DIBLOGSPOT

Membuat ALt Tag Otomatis pada Gambar6
Selamat Datang di Blog Orang IT . Postingan saya kali ini membagikan tutorial untuk para blogger yakni bagaimana cara membuat agar alt tag dan deskripsi gambar menjadi otomatis  , cara ini cocok bagi blogger yang sering lupa memberikan deskripsi pada gambar postingan atau karena malas jika harus menambahkan deskripsi gambar secara manual satu-satu

Apasih gunanya memberikan alt tag pada gambar ?

Sebenarnya saya sudah pernah bahas dipostingan lain mengenai pentingnya memberikan deskripsi berupa alt tag pada gambar disetiap postingan blogger selain sebagai salah satu cara optimasi seo onpage juga berperan penting dalam penanaman keyword yang ingin dibidik seperti kita tahu bahwa mesin pencari google juga menyediakan pencarian dalam bentuk gambar jadi kita tanamkan keyword pada gambar agar bisa lebih mudah ditemukan oleh google
Ditambah lagi menanamkan keyword berupa deskripsi pada alt tag gambar membuat postingan anda lebih mudah ditelusuri dan dikenal oleh google sehingga berpeluang ditemukan lebih mudah dipencarian

Cara menambahkan Alt tag gambar diblogger secara manual biasan nya dilakukan dengan klik gambar - properties kemudian mengisi secara manual title text dan alt text nya

Membuat ALt Tag Otomatis pada Gambar1
Jika sudah buka salah satu artikel anda lalu arahkan mouse kesalah satu gambar , gak usah diklik otomatis alt tag yang kita berikan akan tampil seperti ini
Membuat ALt Tag pada Gambar2

Berikut bagaimana cara memasang javascript otomatis untuk menambahkan alt tag dan title tag pada gambar

1. Buka dashboard blogger

2. Template - edit template

3. Cari </head> letakkan script berikut tepas diatasnya
 <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>
4. Simpan dan lihat hasilnya coba buat gambar lalu kosongin bagian alt tag nya setelah itu publikasikan secara otomatis deskripsinya akan terisi

Demikian postingan saya mengenai bagaimana cara menambahkan alt tag gambar postingan blogger menjadi otomatis dengan javascript semoga bermanfaat jika ada yang mau menambah silahkan saja berkomentar dibawah sekian dan terimakasih


Follow Blog Orang IT dan jangan lupa Like FansPage Helmykkediri dibawah serta jangan lupa untuk klik iklan yang ada pada Blog ini.untuk biaya perawatan admin

COMMENTS

BLOGGER: 3
Loading...
Nama

Android,3,Blog,350,Info,212,Islami,43,Software,74,Tutorial,120,Web,18,
ltr
item
BLOG ORANG IT 2017: Membuat ALt Tag Otomatis pada Gambar
Membuat ALt Tag Otomatis pada Gambar
Bagaimana cara membuat agar alt tag dan deskripsi gambar menjadi otomatis , cara ini cocok bagi blogger yang sering lupa memberikan deskripsi pada gambar postingan atau karena malas jika harus menambahkan deskripsi gambar secara manual satu-satu
https://4.bp.blogspot.com/-Yy5I1dBcSEY/WSEFA4-lgNI/AAAAAAAADoI/4Uv98GxluUIydI2QjH23fUEp7_DcAWV7QCLcB/s320/pentingnya%2Balt%2Btag.jpg
https://4.bp.blogspot.com/-Yy5I1dBcSEY/WSEFA4-lgNI/AAAAAAAADoI/4Uv98GxluUIydI2QjH23fUEp7_DcAWV7QCLcB/s72-c/pentingnya%2Balt%2Btag.jpg
BLOG ORANG IT 2017
http://www.helmykkediri.com/2017/05/membuat-alt-tag-otomatis-pada-gambar.html
http://www.helmykkediri.com/
http://www.helmykkediri.com/
http://www.helmykkediri.com/2017/05/membuat-alt-tag-otomatis-pada-gambar.html
true
7204675838149040268
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy