Sabtu, 14 Maret 2009

cara membuat FONT STYLE SETTING

FONT STYLE SETTING adalah solusi yang saya gunakan untuk mengatasinya. Dengan meletakkan FONT STYLE SETTING pada layout halaman, memberikan kemudian bagi pengunjung untuk mengatur sendiri ukuran huruf dari postingan tanpa mengubah setting pada server side, FONT STYLE SETTING ini hanya bersifat temporary karena di set pada Computer Client.

Jika anda juga tertarik untuk memanfaatkan fasilitas ini berikut ini adalah tag-tag htmlnya

Seperti biasa buka account anda di blogger.com, buka TATA LETAK > TAMBAH GADGET > TAMBAH JAVASCRIPT/HTML kemudian copy script berikut ini

<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 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 value="12px"/>12
<option value="14px"/>14
<option value="16px"/>16
</select>
</form>
Jika Anda tahu berapa ukuran default blog anda, bisa menyelipkan tag "selected" pada option select, begitu juga type huruf

misalnya

<option value="12px" selected/>12
<option value="Trebuchet Ms"/>Trebuchet Ms

kemudian Save


SEMOGA BERHASIL

2 Komentar:

Linda on 14 Maret 2009 pukul 21.17 mengatakan...

makasih teman sharenya,
berguna niy.

Deden on 19 Oktober 2009 pukul 03.20 mengatakan...

aduh puyeng aq gk jelas apa aq bego. tpi aq pengen rubah gmn yah cara gampangnya?

Posting Komentar

-'CHAT BARENG'-

 

-'PENGUNJUNG'-

-'FOLLOWERS'-

-'KATEGORI'-