Memasang Text Sizer pada blog

Text Sizer adalah suatu widget untuk merubah ukuran teks pada blog. Text sizer sangat bermanfaat, karena setiap blog mempunyai ukuran font teks yang berbeda-beda. mungkin ada yang terlalu besar atau terlalu kecil. dengan text sizer, pembaca blog nantinya dapat menentukan sendiri ukuran font teks blog kita sesuai kenyamanan mereka.

Tertarik? Membuatnya mudah kok! Ikuti saja langkah-langkah berikut:

1. Menu Dashboard, klik Tata Letak, klik Edit HTML.
2. Centang checkbox Expand Widget Template.
3. cari kode </head>
4. copy paste Code berikut diatas kode </head>

<script>
//<![CDATA[

/*------------------------------------------------------------
Document Text Sizer- Copyright 2003 - Taewook Kang. All rights reserved.
Coded by: Taewook Kang (txkang.REMOVETHIS@hotmail.com)
Web Site: http://txkang.com
Script featured on Dynamic Drive (http://www.dynamicdrive.com)

Please retain this copyright notice in the script.
License is granted to user to reuse this code on
their own website if, and only if,
this entire copyright notice is included.
--------------------------------------------------------------*/

//Specify affected tags. Add or remove from list:
var tgs = new Array( 'div','td','tr');

//Specify spectrum of different font sizes:
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
var startSz = 2;

function ts( trgt,inc ) {
if (!document.getElementById) return
var d = document,cEl = null,sz = startSz,i,j,cTags;

sz += inc;
if ( sz < 0 ) sz = 0;
if ( sz > 6 ) sz = 6;
startSz = sz;

if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];

cEl.style.fontSize = szs[ sz ];

for ( i = 0 ; i < tgs.length ; i++ ) {
cTags = cEl.getElementsByTagName( tgs[ i ] );
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
}
}
//]]></script>

5. klik simpan.

Langkah selanjutnya setelah menanamkan script pada template, Anda bisa memasang widget text sizernya di tempat yang kalian kehendaki (bisa di sidebar, di dalam postingan, dll)

copy paste kode berikut ini :

<a href="javascript:ts('body',1)">+ Larger Font</a>
<a href="javascript:ts('body',-1)">- Smaller Font</a>

Gimana..? Gampang kan..?