Membuat Fitur Ganti Jenis dan Ukuran Font Di Blogger

Labels Blog Design Widget Blog

Jika Anda bekerja menggunakan microsoft word, pastinya Anda sudah akrab dengan jenis-jenis font seperti Arial, Tahoma, Verdana, dan lainnya. Jenis font tersebut memang sudah tidak asing lagi di telinga kita. Nah, sekarang kita akan membuat fitur untuk mengganti jenis dan ukuran font di blog dengan subdomain Blogger. Tujuan dari membuat fitur ini adalah untuk memberikan kemudahan bagi pengunjung blog untuk membaca artikel-artikel blog kita dengan bahasa yang lainnya. Mungkin saja ada diantara pengunjung blog Anda yang tidak suka terhadap jenis font yang Anda gunakan secara default dalam blog Anda, sehingga mereka dengan mudah dapat mengendalikan (mengganti) jenis font tersebut.

Disamping pengunjung blog dapat mengganti jenis font, pengunjung blog juga dapat mengganti ukuran font menjadi 8 pixel, 16 pixel, dan seterusnya. Sehingga dengan begini, pengunjung yang mungkin saja memiliki mata minus dapat melihat dengan lebih jelas artikel pada blog kita. Fitur ini biasanya (saya tidak mengatakan sering) dijumpai pada blog (web) yang khusus membahas seputar aplikasi olah kata. Ikuti langkah-langkah berikut untuk membuat fitur ganti jenis dan ukuran font di Blogger:

1. Pada dasbor, pindah ke Tata Letak.

2. Klik Tambahkan Gadget, kemudian pilih gadget HTML/JavaScript.

3. Letakkan kode berikut tepat di kolom konten gadget HTML/JavaScript:

<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" method="POST" name="selecter2">

<select name="select3" onchange="go2()" size="1" style="font-family: verdana; font-size: 8pt;"> <option value="Coming Soon" />Normal Font Blog <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 name="select2" onchange="go1()" size="1" style="font-family: verdana; font-size: 8pt;"> <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>

4. Jika Anda sudah meletakkan kode diatas pada kolom konten gadget HTML/JavaScript, klik Simpan.