Widget Change Font This Blog

Mugkin widget ini atau yang akan blog ini share sudah banyak yang membahas, tapi tidak apa karna saya akan share kepada para sahabat O.W yang belum tau.
Widget Change Font This Blog adalah widget untuk merubah jenis font atau ukuran font blog sobat secara otomatis. Contoh jeleknya aja kalo ada pengunjung yang kurang suka atau maaf(kalo matanya minus) maka mereka bisa merubah semua jenis font huruf yang ada pada blog sobat dan mereka juga bisa membesarkan ukurannya, jadi kalo ada pengunjung yang matanya minus mereka tidak akan begitu kesulitan untuk membaca postingan/articles blog sobat.
Untuk cara memasangnya sendiri, sangatlah mudah:

Demo Widget Change Font This Blog

    Times New Roman    Arial    Book Antiqua    Bookman Old Style    Century Gothic    Comic Sans Ms    Tahoma    Trebuchet Ms    Verdana        8    9    10    11    12    14    16    18   

Udah paham kan? gimana berminat, mari kita bahas cara memasangnya:

1. Masuk ke akun blogger sobat.

2. Pada menu sobat klick Rancangan ➨ Tambah gadget.

3. Lalu sobat pilih elemen HTML/Java Script.

4. Selanjutnya sobat copy kode script di bawah ini dan letakkan di dalamnya.

<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>

5. Simpan.

Sekarang lihat sendiri dan coba hasilnya.

Oke saya rasa cukup untuk kali ini, silahkan tinggalkan tanggapan atau komentar sobat tentang postingan atau articles di atas! Description: Facebook Pop-Up Box Untuk Blogger