Pages

Ads 468x60px

Jumat, 23 Oktober 2009

Menambah kelengkapan blog dengan Perubah Ukuran Teks



Javascript ini, meskipun tidaklah besar, namun mampu memberikan sesuatu yang baru buat pembaca blog. Terlebih bagi mereka yang kondisi penglihatannya sudah tidak normal lagi. Dia mampu memberikan pembesaran teks hingga mata yang sedang kena "belekan" pun dengan mudahnya dapat menikmati segala jenis teks sambil meggunakan kacamata hitamnya. Sekalipun diutamakan berfungsi sebagai alat untuk memperbesar teks, javascript ini juga mampu untuk memperkecil teks dengan sama baiknya. Penasaran untuk menggunakannya ?


Langkah-langkah yang harus di tempuh :

1. Amankan template anda dengan download terlebih dahulu :
Login Blogger --> Tata Letak --> Edit HTML --> Download Template Lengkap -->

Simpan di folder PC

2. Lanjutkan :
Tata Letak --> Edit HTML --> Cari Kode ]]></b:skin>

3. Letakkan KODE-1 di sebelah bawah ]]></b:skin>. Posisi ]]></b:skin> berada di atas </head> dan <body>

4. Jika ini berhasil, lanjukan dengan langkah ke-5, namun jika tidak berhasil dengan baik, anda bisa mengupload javascript ini ke file hosting atau lakukan langkah termudah dengan cara :

Tata Letak --> Elemen Laman--> Tambah Gadget --> Javascript/HTML

Letakkan CODE-1 dalan ruang Javascript/HTML dan Simpan (ini pasti berhasil baik).

5. Letakkan KODE-2 di atas KODE-1 (untuk langkah no.3 dan no.4) atau bisa diletakkan dimana anda suka. Di sidebar, di bawah header atau di dalam ruang posting paling atas, pada saat anda sedang membuat postingan.



KODE-1 :

<script language="javascript">
//** bloggerstars-Shannenpio Demo --*//
var tgs = new Array( 'div','td','tr');
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>


KODE-2 :

<a href="javascript:ts('body',1)"><img src="http://i907.photobucket.com/albums/ac274/bloggerstuars/PerbesarTeksbgs.gif"/></a><img src="http://i907.photobucket.com/albums/ac274/bloggerstuars/bgs-bgs1.gif"/><a href="javascript:ts('body',-1)"><img src="http://i907.photobucket.com/albums/ac274/bloggerstuars/PerkecilTeksbgs.gif"/></a>






Selamat mencoba dan semoga berhasil> Buatlah senang seluruh penikmat blog yang berkacamata, dari bayi yang baru lahir hingga nenek-nenek yang sudah pikun !!!

0 komentar:

Posting Komentar