Jumat, 09 Desember 2011

Widget Change Font This Blog

Widget Change Font This Blog - adalah widget yang memungkinkan pengunjung untuk mengganti jenis font pada blog tersebut. Jadi hanya butuh beberapa detik saja, font ,atau jenis huruf blog tersebut dengan sekejap berubah. Selain itu, dengan Widget Change Font This Blog, pengunjung selain bisa mengubah jenis font juga bisa mengubah ukuran font atau huruf sesuka hati. Dengan demikian penggunjung akan lebih senang, karena bisa mengganti jenis font sesuak hati. Jenif font memang sangat memengaruhi tulisan, pengunjung yang satu dengan pengunjung yang lain tentunya berbeda selera. Nah, pada postingan kali ini, kita akan belajar membuat, memasang Widget Change Font This Blog, atau Widget untuk mengubah Jenis Font Otomatis pada Blog. Bagaimana caranya ? TKP Gan . . . . .

Cara membuat dan memasang widget Change Font This Blog

  • Masuk ke blogger
  • Buka design / rancangan
  • Pilih Page Elemen /Elemen Laman
  • Add a Gadget / Tambahkan Gadget
  • Pilih HTML /  Javascript ,dan masukkan kode berikut
 <script>
    function go1(){
    if (document.selecter2.select2.options
    [document.selecter2.select2.selectedIndex].value != "none") {
    document.getElementById('main').style.fontSize
    =document.selecter2.select2.options
    [document.selecter2.select2.selectedIndex].value
    }
    }


    function go2(){
    if (document.selecter2.select3.options
    [document.selecter2.select3.selectedIndex].value != "none") {
    document.getElementById('main').style.fontFamily
    =document.selecter2.select3.options
    [document.selecter2.select3.selectedIndex].value
    }
    }
    </script>
    <form id="forma" name="selecter2" method="POST">


    <select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1">
    <option value="Times New Roman" />Times New Roman
    <option value="Arial" />Arial
    <option selected value="Book Antiqua" />Book Antiqua
    <option value="Bookman Old Style" />Bookman Old Style
    <option value="Century Gothic" />Century Gothic
    <option value="Comic Sans Ms" />Comic Sans Ms
    <option value="Tahoma" />Tahoma


    <option selected value="Trebuchet Ms"//>Trebuchet Ms
    <option value="Verdana" />Verdana
    </select>
    <select onchange="go1()" style="font-family:verdana;font-size:8pt" name="select2" size="1">
    <option value="8px" />8
    <option value="9px" />9
    <option value="10px" />10
    <option value="11px" />11
    <option selected value="12px" />12
    <option value="14px" />14
    <option value="16px" />16
    <option value="18px" />18
    </select></form>
    </div>
  •  Simpan
  • Hasilnya seperti ini
          

0 komentar:

Posting Komentar