Memasang Widget Pengubah Huruf di Blog

Untuk demonya bisa Anda lihat pada bagian sidebar blog ini atau di sini. Dengan pengubah huruf ini, pengunjung bisa mengubah jenis huruf yang ingin dinguanakan. Selain itu, ukurannya juga bisa disesuaikan sesuai keinginan pengunjung blog Anda.

Cara membuatnya, tinggal copy paste saja.
  1. Login ke blog Anda.
  2. Klik Rancangan.
  3. Pada Elemen Laman, klik Tambah Gadget.
  4. Tambahkan HTML/JavaScript.
  5. Copy kode berikut ke dalamnya.
  6. <center> <script src=" http://ian-ubah-huruf.googlecode.com/files/ian.js "> </script> <form id="forma" name="selecter2" method="POST"> <select gtbfieldid="8" onchange="go2()" style="font-family: tahoma; font-size: 9pt;" name="select3" size="1"> <option value="Times New Roman">Times New Roman </option><option value=" Maven Pro">Maven Pro </option><option value=" Brawler">Brawler </option><option value=" Waiting for the Sunrise">Waiting for the Sunrise </option><option value=" Podkova">Podkova </option><option value=" The Girl Next Door">The Girl Next Door </option><option selected="selected" value="Tahoma">Tahoma </option><option value="Trebuchet Ms">Trebuchet Ms </option><option value="Jura">Jura </option><option value="Nunito">Nunito </option></select> <select gtbfieldid="9" onchange="go1()" style="font-family: tahoma; font-size: 9pt;" name="select2" size="1"> </option><option value="11px">11 </option><option selected="selected" value="12px">12 </option><option value="14px">14 </option><option value="16px">16 </option><option value="18px">18 </option><option value="20px">20 </option></select></form></center>
  7. Beri nama sesuai kemauan Anda dan klik Save.
  8. Masih di halaman Rancangan, klik Edit HTML.
  9. Copy kode berikut di atas kode <head>
  10. <link href='http://fonts.googleapis.com/css?family=Maven+Pro:regular,500,bold,900' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/css?family=Brawler' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/css?family=Podkova' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/css?family=Jura:light,regular,500,600' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/css?family=Nunito:light,regular,bold' rel='stylesheet' type='text/css'/>
  11. Save Template dan lihat hasilnya.

Sekarang pengunjung blog Anda bisa menggunakan huruf kesukaannya jika bosan dengan huruf blog Anda dan membuat pengunjung blog semakin betah mengunjungi blog Anda.

3 comments on Blogger: