Cara Membuat Tombol Font Size Pada Blog

Tombol ini berfungsi untuk memberikan pilihan kepada
para pengunjung untuk menentukan sendiri ukuran font
(huruf) blog yang ia sukai. Apakah font blognya ingin
lebih kecil atau lebih besar, pengunjung dapat bebas
memilih dengan hanya mengklik tombol yang tersedia.

Untuk membuat tombol yang seperti ini,
caranya adalah sebagai berikut :

1.   Rancangan -> Tambah Gadget
      Pilih HTML/JavaScript

2.   Copy kode yang tertera di bawah ini
      dan masukkan ke dalam kontennya
      kemudian simpan.

<div id="resizefont">
<input id="large" type="button" value="Large Font" />
<input id="reset" type="button" value="Reset Font" />
<input id="small" type="button" value="Small Font-" />
</div>

3.   Terus masuk ke Edit HTML

4.   Cari kode </b:skin>

5.   Letakkan di atas kode </b:skin>
      kode berikut ini :

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

6.   Lalu cari lagi kode </head>

7.   Copy kode yang ada di bawah lalu letakkan
      kode tersebut di atas kode </head> ini,
      setelah itu simpan template anda.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
<script type='text/javascript'>
$(function(){
$(&#39;input&#39;).click(function(){
var ourText = $(&#39;#content-wrapper&#39;);
var currFontSize = ourText.css(&#39;fontSize&#39;);
var finalNum = parseFloat(currFontSize, 10);
var stringEnding = currFontSize.slice(-2);
if(this.id == &#39;large&#39;) {
finalNum *= 1.1;
}
else if (this.id == &#39;small&#39;){
finalNum /=1.1;
}
else if (this.id == &#39;reset&#39;){
finalNum =13;
}
ourText.animate({fontSize: finalNum + stringEnding},500);
});
});
</script>

Selamat mencoba, good luck!