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.

Berikut ini demo text sizer, silahkan coba sendiri.

+ Larger Font

- Smaller Font

 

Untuk memasang text sizer di blog caranya cukup mudah. dalam pemasangan ini, diperlukan script dan link saja. widget text sizer dapat dipasang di mana saja seperti di sidebar, di atas postingan, dll. Widget text sizer ini juga dapat mempercantik blog. berikut ini langkah-langkah memasang widget text sizer

1. Menu Dashboard, klik Tata Letak, klik Edit HTML.
2. Centang checkbox Expand Widget Template.
3. cari kode berikut :

</head>

4. Kalo sudah ketemu, copy paste script 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>

Selesai sudah cara memasang widget text sizer. Selain berguna untuk mengatur ukuran font teks, text sizer juga dapat mempercantik blog kita. Selamat mencoba salah satu "tips dan trik blog text sizer" dan semoga berhasil !