Membuat Font/Text Resize dengan jQuery By Blogger Note

Pada postingan yang lalu,Saya sudah share tentang Trik Facebook yaitu Membuat Teman Tidak Tersedia Lewat Daftar Teman Di Facebook, akan tetapi dalam postingan yang akan saya bahas ini, akan membahas sedikit JQuery,Tepatnya Membuat Font/Text Resize Dengan jQuery,Sobat tahu gak maksudnya? kalau belum tahu saya jelas'sin dech,Membuat Font/Text Resize itu maksudnya memberi fasilitas untuk memperbesar atau memperkecil ukuran text/font,Disini saya mencoba menerapkan "JQuery Tip: Font Resizing With Animation Effects" di "blogger template". Hasilnya effect perubahan ukuran text/font tersebut cukup memuaskan menurut saya,Mungkin jika sobat membuatnya,Sobat bisa merasakan efeknya sendiri (Sebenarnya belum ada demonya sich hehehe...)okey dari pada lama-lama ~~atau gak sabar~~ mendingan langsung aja langkah-langkahnya dibawah ini

Login ke Blogger.com
Pada dashbor klik Rancangan pada Tab Menu
Lalu klik lagi Edit HTML
Cari kode <head>
Lalu Paste kode dibawah ini dibawah kode <head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
$(function(){
$('input').click(function(){
var ourText = $('#content-wrapper');
var currFontSize = ourText.css('fontSize');
var finalNum = parseFloat(currFontSize, 10);
var stringEnding = currFontSize.slice(-2);
if(this.id == 'large') {
finalNum *= 1.1;
}
else if (this.id == 'small'){
finalNum /=1.1;
}
else if (this.id == 'reset'){
finalNum =13;
}
ourText.animate({fontSize: finalNum + stringEnding},500);
});
});
</script>

Catatan:
#content-wrapper" diatas dapat ganti, sesuai bagian yang akan anda berikan effect resize font.
finalNum *= 1.1;", "finalNum /=1.1;", "finalNum =13;", "stringEnding},500", angka-angka tersebut dapat anda rubah, sesuai selera anda.

Masukan kode HTML berikut, masalah penempatan sesuaikan dengan karakter template anda.

<div id='resizeFont'>
<input id='large' type='button' value='A+'/>
<input id='reset' type='button' value='A'/>
<input id='small' type='button' value='A-'/>
</div>