Kamis, 26 Maret 2009

Membuat Font Style Setting

Terdapat beberapa macam widget yang tidak pernah , saya lihat di blog manapunhah
Lebih jelasnya lihat di sidebar saya ada widget FONT STYLE SETTING.


Ikuti Langkah - langkahnya :

  1. Login ke Blogger.com
  2. Klik Tata letak / Layouts
  3. Klik Elemen Halaman
  4. Tambah Gadget / Add gadget
  5. Pilih HTML / Javascript
  6. copy - paste kode script bawah ini

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


Klik Save / simpan

Bila Widgetnya tidak berfungsi ikuti langkah-langkah berikut :
  • Dari menu blogger klik Tata Letak/Layout-->Edit HTML
  • Cari kode :
.post {
margin:0 0 10px 0;
font-family: Arial;
background: #FFF;
padding:10px;
text-align:justify;
border:1px solid #C0C0C0;
}

  • Hapus kode yang ini font-family: Arial; atau semua template beda ada yang font-family: Verdana; atau font-family: Times New Roman;
  • Pokoknya kode yang itu harus dihapus.
  • Simpan template

0 komentar:

Kontak Saya

Kontak Saya