Sabtu, 27 November 2010

Sungai Penuh Online : Memasang Widget "Change Font This Blog" di Blog

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

Change Font This Blog

Bagaimana...SOBAT tertarik untuk memasangnya ? silahkan ....Gratis kok hehehe
  • 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...
  • Selamat berkreasi....salam blogger penuh berkah....hmmmm
Sumber: mastergomaster.com

Artikel yang berkaitan




0 komentar:

Posting Komentar



Bagi yang ingin belajar PHP / HTML / MySQL Dan ingin membuat WEBSITE SENDIRI dengan sangat Mudah dan Murah sambil langsung praktek, Saya rekomendasikan anda belajar DI SINI atau DI SINI «« di klik biar situsnya keluar, 4 langkah Mudah dan 3 langkah JITU Murah dan Mudah Membuat WEBSITE. D12UL. D12UL


Twitter Delicious Facebook Digg Favorites More