Cara Pasang Widget Pengubah Ukuran Huruf

W

idget pengubah ukuran huruf (font reziser) sangat berguna bagi mereka yang penglihatanya sudah berkurang. Terkadang tulisan/postingan blog ada yang menggunakan font dengan ukuran kecil sehingga sulit untuk dibaca, apalagi dipahami. Dengan adanya font reziser dapat digunakan untuk mengubah ukuran huruf sesuai dengan kondisi indera penglihat pembaca blog.

Caran pasang pengubah ukuran huruf juga tidak terlalu rumit, gampaaang banget. Nah kalau anda tertarik tinggal ikuti saja beberapa langkah berikut ini :

1.  Loggin ke bloggermu;

2.  Pilih menu edit html, centang expand template widget. Jangan lupa download template lengkap ( untuk 
     jaga-jaga siapa tahu editnya gagal)

3   Cari kode ]]></b:skin> ( gunakan ctrl+f untuk mempercepat)

4.  Setelah ketemu kode  copas kode berikut di atas kode  ]]></b:skin> 

/* resizeFont<br /> */<br /> #resizeFont{<br /> text-align:right;<br /> margin-right:10px;<br /> }<br />

5.  Selanjutnya cari kode </head> , kalau sudah ketemu copas kode berikut tepat di atasnya !

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <!-- begin ResizeFont --> <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>

6.  Simpan template.

7.  Pilih menu elemen halaman, terus tambah gadget, pilih gadget html/java script

8.  Copas kode berikut :

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

9.  Simpan widget, lihat hasilnya ( lihat blog) kira-kira  
      hasilnya >>

Selamat mencoba semoga berhasil

Sumber : blog-kedua.blogspot.com

Label :Tutorial