Pasang Alt Tag

on 13 April 2013


Langkah Pemasangan Alt Tag Pada Imej | Penggunaan / penambahan fungsi Alt Tag pada gambar tampak lebih berkesan untuk memastikan entry kita akan cepat terindeks di halaman pertama Google. Ada yang mencari maklumat menerusi Google pastinya akan kelihatan imej yang pastinya akan menarik minat readers untuk pergi ke entry kita.



Langkah pemasangan Alt Tag pada imej :



  1. Secara Manual : Ramai yang tidak tahu sebenarnya boleh untuk memasang tag pada imej yang kita muatnaik ke dalam entry kita itu. Cara nya cukup mudah dan senang. Hanya muatnaik imej pada entry dan klik pada "Properties" pada gambar tersebut. Hanya isikan pada ruangan yang di sediakan. Dan imej tersebut pastinya akan mempunyai tag. Pastikan imej dan tag saling berkaitan.
  2. Secara Automatik : Terdapat juga script ataupun CSS yang membolehkan kita memasang tag pada imej secara automatik. Tentu kita tidak mempunyai masa yang banyak kan?? Jadi ikuti tutorial di bawah ini :
Pemasangan Tag Pada Imej Secara Automatik:

  • Pergi ke Dashbord > Template > Edit HTML > Tick Expand Widget
  • Cari kod  </body> ,sdan paste kod di bawah ini sebelum kod yang anda telah di cari tadi.
  • Kod :
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.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>

  • Anda di nasihatkan untuk PREVIEW terlebih dahulu sebelum save.
  • Bila hendak memuatnaik imej hendak lah rename/ namakan semula yang berkenaan dengan tag dan gambar yang kita muat naik. 

Contoh kod yang telah di pasang dengan fungsi Alt Tag :




Nota CCK : Selamat mencuba ! Perkongsian ini di harapkan dapat membantu blogger semua. Semoga perkongsian ini bermanfaat.


Ranking: 5

6 Comment:

  1. salam
    terlebih dahulu diucapkan terima kasih
    kerana sudi memilih Mimbar Kata sebagai blog pilihan

    segalanya begitu besar buat saya

    dan terima kasih atas informasi
    berguna di posting ini

    semoga terus maju jaya

    salam

    ReplyDelete
  2. This comment has been removed by the author.

    ReplyDelete
  3. Memang nak cari yang automatik..lagi senang..hehe..terima kasih wan. ^___^

    ReplyDelete
  4. jp2 klau guna yg auto tuh nk kena rename blik gmbo kt mne eyhh

    ReplyDelete
  5. info yang berguna. :)
    salam perkenalan dari adibsite.blogspot.com

    ReplyDelete

Terima Kasih sebab sudi tinggalkan komen anda di sini..

 
© Blog CCK All Rights Reserved