Cara Membuat Text Sizer untuk Mengubah Ukuran Text Pada Website

This item was filled under

H
ari kemarin sengaja saya khususkan untuk blogwalking. Saya menemukan sebuah blog yang memuat sebuah tulisan yang cukup menarik (maaf saya lupa alamatnya). Namun, hampir semua pembaca yang memberikan komentar pada blog tersebut termasuk saya merasa kurang nyaman karena tulisannya sangat kecil. Tentu membuat mata sakit ketika membaca tulisan tersebut. Seharusnya pada saat membuat CSS website tersebut, ukuran text sebaiknya dibuat cukup besar atau dalam ukuran normal. Namun ada cara lain yang lebih bagus, yaitu membuat Text Sizer yang cukup diklik untuk mengatur tulisan menjadi lebih besar atau lebih kecil.

Sebagai contoh silahkan buka halaman ini.

Berikut langkah membuatnya:
  1. Copy paste code berikut setelah tag <head> atau sebelum </head> pada website Anda:
    <script src='http://nestoriko.googlepages.com/textsizer.js' type='text/javascript'></script>
  2. Copy paste code berikut setelah tag <body> atau sebelum </body> (atau dibagian mana Anda ingin menempatkan tombol Text Sizer) pada website Anda:
    <a href="javascript:ts('body',1)">+ Larger Font</a> | <a
    href="javascript:ts('body',-1)">+ Smaller Font</a>
  3. Silahkan ganti tulisan "+ Larger Font" dan "- Smaller Font" dengan tulisan yang Anda inginkan.

Bookmark and Share

POSTINGAN LAIN YANG BERHUBUNGAN :




Dapatkan Tutorial Website Via Email:

Setelah membaca artikel diatas, jangan lupa ngasi komentar ya...

7 komentar on "Cara Membuat Text Sizer untuk Mengubah Ukuran Text Pada Website"



Post a Comment