Adakalanya para pengunjung blog ingin membaca posting blog kita dengan ukuran font yang lebih besar. Jika tulisan pada posting blog kita dirasa terlalu kecil dimata para pembaca, tentunya widget yang satu ini akan lebih berguna untuk dipasang pada blog.
Dengan demikian, pengunjung blog kita akan lebih mudah untuk mengatur (baca: menyesuaikan) ukuran font yang ditampilkan dalam suatu blog sesuai dengan keinginannya.
Hanya dengan mengklik salah satu tombol pengatur ukuran font (lihat contoh dibawah), mereka akan dengan mudah menambah/mengurangi ukuran font agar pas untuk dilihat. Mari simak penjelasan saya berikut ini.
Change Text Size (1)
Change Text Size (2)
Untuk memasang widget seperti contoh diatas, caranya cukup mudah. Buka Dashboard | Layout | Add Gadget | HTML/JavaScript. Pilih salah satu diantara 2 script dibawah ini.
# Jika ingin memasang widget pertama, silakan copy kode ini.
Change Text Size<br/>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='.5em'"><span style="font-size: xx-small;">+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1em'"><span style="font-size: x-small;">+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1.5em'"><span style="font-size: small;">+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='2em'"><span style="font-size: large;">+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='2.5em'"><span style="font-size: x-large;">+</span></a>
# Atau pasang widget seperti contoh kedua, dengan mengcopy kode ini.
Change Text Size<br/>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='.5em'"><span style="font-size: xx-small;">Small</span></a>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1em'"><span style="font-size: x-small;">Medium</span></a>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1.5em'"><span style="font-size: small;">Large</span></a>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='2em'"><span style="font-size: large;">Larger</span></a>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='2.5em'"><span style="font-size: x-large;">Largest</span></a>
0 comments:
Post a Comment
Silakan Berkomentar Di Sini Dengan Syarat :
1. Komentar anda tidak menyinggung SARA
2. Berikan komentar yang membangun, bukan yang semena-mena
3. Tersenyumlah sambil mengetikkan 'comment'
Bagi yang hanya sekedar 'blogwalking' di sini, silakan tinggalkan keterangan web title dan URL anda.
Hormat Saya,
Arifin