Thursday, 20 December 2012

Cara Memasang Tag Alt Dan Title Pada Gambar Secara Otomatis di Blog

Hay Sobat XC-Blog ! Apa kabar semuanya nih ?
sebelumnya XC-Blog share tentang "Cara Membuat Read More Dengan Thumbnail" <- Gimana ? Caranya mudah kan sob hehehe...
ok sekarang XC-Blog Mau ngeshare "Cara Memasang Auto Tag Alt Dan Title Pada Gambar Secara Otomatis"

Cara Memasang Auto Alt Dan Title Pada Gambar Secara Otomatis

oke langsung saja kita ke pembahasannya !
kemaren" ada yang tanya sama saya..
kenapa gambar pada postingan memerlukan Alt & title.... ?
karena kalau tidak dipasangkan alt dan title, maka google tidak bisa mencari gambar yang di posting di blog kalian...
kalian tau gak, Tag ALT Dan Title itu SEO juga loh,...
nah karena itu XC-Blog mau share cara memasang auto tag alt dan title pada gambar secara otomatis...
oke langsung saja ke cara"nya untuk memasang alt dan title secara otomatis...
Pertama" kalian login ke blogger, terus masuk ke dasbor
trus pergi ke template, klik EDIT HTML...
lalu centang Expand template widget...
kemudian Copy paste code dibawah ini tepat di atas code </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>
Kemudian kalau sudah, Save Template...
lalu sentuh gambar pada posting blog, kalau sudah ada alt dan title nya brarti sudah bisa,,..
kalau tidak ada ya coba lagi xD
hehehe..
oke sekian dari kami, semoga artikel ini bermanfaat untuk anda :)

Seorang pelajar yang ingin berkreatifitas di dunia blogging dan yang selalu ingin membuat kreatifitas yang lebih baru.

14 komentar

Nice artikel bg . .
Izin sedot :D

salam : Zhaa-inc.blogspot.com

azz, kok disedot T_T
ok ty" dah visit blog ane :)

artikelnya menarik gan visit back ya http://aan-kurniawan.cyber4rt.com/

ThQ Infonya Mass ... ^_^
http://crew-lp.blogspot.com/

Nice artikel sob :)
kapan" aku pakai :)


Artikel Mantap bro .. cukup untuk dimengerti ..
#salam Persahabatan

mantap banget gan
aku baru tau ini.,
aku coba langsung berhasil gan :D
makasih ya gan :D

Makasih Mas Buat Tutorial nya

@Yogi, @Kabe : oke sama", makasih juga dah kesini

mkasi bang artikelnya, saya izin coba.

Catatan :
- Dilarang Menggunakan Link Aktif / Live Link
- Dilarang Promosi Iklan
- Dilarang Nyepam
- Untuk Menyisipkan Kode, Gunakan tag <i rel='code'> Taruh Kode Disini </i>
- Untuk Menyisipkan Kode Panjang, Gunakan tag <i rel='pre'> Taruh kode panjang disini </i>
- Untuk Menyisipkan Catatan, Gunakan <b rel='quote> Taruh Catatan disini </b>
- Untuk Menyisipkan Gambar, Gunakan <i rel="'image> URL Gambar </i>
- Untuk Menyisipkan Youtube, Gunakan <i rel='youtube'> URL Youtube </i>

Sebelum menyisipkan kode silahkan gunakan Tools Konversi Kode.
Caranya tinggal klik tombol "Konversi Kode" yang berada di Form Komentar.
EmoticonEmoticon