Memasang Widget "Change Font This Blog" di Blog

Change Font This Blog
Sepertinya aksesoris blog tidak pernah habis habisnya selalu ada saja yang baru untuk mempercantik blog /website. Atas apa yang akan saya terangkan disini bahwa di blogspot anda bisa mengganti huruf secara auto anda tinggal memilih sebagian font yang telah ada...atau anda juga bisa menentukan pilihan ukuran font dari ukuran font 12 sampai dengan 18, dan widget untuk merubah font/huruf ini cukup sederhana untuk pemasangannya anda tidak perlu mengubah apapun pada kode script-nya. untuk contohnya silahkan perhatikan gambar berikut

Change Font This Blog

Bagaimana...anda tertarik untuk memasangnya ? silahkan ....
  • Login ke Blogger dan masuk ke Dasbor
  • Klik Tata Letak
  • Pilih Elemen Halaman
Klik Add Gadget
  • Pilih HTML/Java Script
  • Masukkan Kode dibawah ini:

    <div class='widget-content'>
    <center><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><center></center></center>
    </div>

  • Klik Simpan dan Selesai deh...
Sumber: mastergomaster.com

    13 komentar:

    1. ok sob blog q juga dah a qpasang

      BalasHapus
    2. keren,, mesti coba nihh,, thanks info nya

      BalasHapus
    3. Assalamu 'Alaikum, Syukran akhi atas infonya yang bermanfaat...

      BalasHapus
    4. Okey....Boleh ku publikasikan to coy??...Sekalian ku link kamu?

      BalasHapus
    5. mantep mas...! saya pake ini...

      BalasHapus
    6. gk bisa di blog gw., kenapa ya.,?!:a:

      BalasHapus
    7. @ ryuuza: Mungkin ada kesalahan, silakan hubungi saya lewat facebook atau e-mail insyaAllah saya bantu. Soalnya tutorial diatas telah saya praktekkan di blog-blog saya dan alhamdulillah berhasil.

      BalasHapus
    8. keren2 semua artikel nya bos........thanks4u bos

      BalasHapus
    9. diblog sy yg berubah ko dibagian Breadcrumbs ya sob?

      BalasHapus

    Mau tukeran link? silakan buka Link Sahabat dan apabila ada pertanyaan silakan tulis di Kotak Pertanyaan. Terima Kasih...

    Kami akan menghapus komentar yang: Tak sopan, memakai HURUF BESAR, berupa caci maki, mengandung kata-kata kebun binatang, debat kusir, provokasi, di luar konteks, berupa undangan/ reklame. Komentar yang terlalu panjang, tanpa paragraf dan sulit dipahami. Komentar copy-paste, silakan di-link saja.

    Isi komentar adalah tanggung jawab penulis komentar, bukan tanggung jawab pengelola blog/situs ini. Harap maklum.