Blog Ping

Kamis, 11 November 2010

Cara membuat widget change font this

Trik blog ,Post ini terinspirasi dari blognya rizky2009
disana saya melihat widget seperti ini
saya coba tes tes tapi gak berhasil
lalu saya ngutak-ngatik blog percobaan saya dan akhirnya berhasil
pasti ada yang bertanya apa itu widget change font this blog?
widget change font this blog adalah widget yang digunakan untuk mengubah font blog kita(sederhana banget jawabannya)hehehe
mau tau gak caranya???


  1. Login dulu ke blogger
  2. Masuk ke tata letak -->> elemen halaman
  3. Tambah gadget-->> pilih HTML/JavaScript
  4. copy code berikut
<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 class='clear'></div>

lalu cari kode berikut:

.post {
font:
Trebuchet MS;
margin-bottom:15px;
text-align:justify;
color: #ffffff;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
}
Kode yang berwarna merah diganti dengan function go1
sehingga menjadi
.post {
font: function go1;
margin-bottom:15px;
text-align:justify;
color: #ffffff;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
}
dan simpan