header-irwanalessatyme-

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.


Alt+Tag+Pada+Imej

Langkah pemasangan Alt Tag pada imej :


Cara+pasang+Alt+Tag

  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 :


Cara+Pasang+Alt+Tag+Imej


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


Ranking: 5
 
© Blog CCK All Rights Reserved