Pasang Widget "Change Font This Blog" di Blog

11/14/2010 Blogger Tips Trik Blog Tutorial Blogger Widget
Lagi lagi saya dapatkan aksesoris untuk blog dari tempat kawan, setelah jalan jalan selama 3 jam hehe. Ternyata makin kesini makin banyak yang namanya aksesoris Blog, kayanya gak bakalan abis sampai kapanpun tentang aksesoris blog ini, palagi orang yang ahli hali dalam bidangnya selalu kerja keras untuk membuat dan membagi bagikan kepada blogger pemula seperti saya.

Kali ini saya akan mengetengahkan Tips sederhana yaitu tentang Pasang Widget "Change This Blog" di Blog. Atas apa yang saya akan terangkan disini bahwa di blogspot 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 anda tidak perlu mengubah apapun pada kode script-nya. untuk contohnya silahkan perhatikan gambar berikut :



Gimana tertarik?? kalau sobat tertarik silahkan ikuti langkah-langkah sebagai berikut :

* Login ke blogger sobat.
* Silahkan tuju ke Tata Letak.
* Klik tab Elemen Halaman.
* Tambah Gadget (Add Gadget) -> pilih yang HTML/Javascript.
* Kemudian masukan kode di bawah 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>


* Setelah selesai simpan, dan lihat hasilnya sekarang blog sobat sudah ada fasilitas ganti font otomatis

Selamat mecoba semoga bermanfaat, amiin

KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI

Artikel Terkait

Previous
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

6 comments