Saturday, September 10, 2011

Document Text sizer widget

Widget ini adalah sebagai alternatif tambahan untuk variasi pada blog agar lebih menarik dan inovatif.
Fungsi dari widgets ini adalah untuk mempermudah kita untuk mengatur ukuran huruf pada tampilan sesuai dengan kebutuhan lebih besar atau lebih kecil.
Untuk lebih jelasnya silakan lihat uraian dibawah ini :


Langkah Pertama
  • Login ke akun Blogger kamu.
  • Dari halaman dashboard, pilih Edit HTML.
  • Pada halaman Edit HTML, cari kode ]]></b:skin>
  • Copykan script berikut dan letakkan di bawah kode ]]></b:skin> tersebut.
  • Tekan Control F atau F3 untuk mencarinya.
<script src='http://hdesign-ideas.googlecode.com/files/textsizer.js'>
</script>
Download external .js file textsizer.js

Langkah Kedua 

  1. Klik Page Element
  2. Klik Add Gadget
  3.   AddGadget
  4. Klik plus button (+) for HTML/JavaScript. (img)

    HTML
  5. Copy and paste kode dibawah ini ( letakkan sesuai kebutuhan )
<a href="javascript:ts('body',1)">+ Larger Font</a> | <a href="javascript:ts('body',-1)">- Smaller Font</a href="javascript:ts('body',-1)">
Keterangan :
  1.  + Larger Font : memperbesar font ( bisa diganti sesuai kebutuhan )
  2.  - Smaller Font : memperkecil font ( bisa diganti sesuai kebutuhan )
Selamat mencoba..!

No comments:

Post a Comment