Cara Buat Tukar Font Di Blog

Dalam post kali ini saya kan tunjukan bagaimana Caranya membuat gadget pada blog anda yang membolehkan pengunjung memilih jenis teks/bentuk tulisan dan ukuran yang di inginkan didalam blog.

bagai mana cara bikinnya?gampang silahkan ikuti tutorial di bawah.
Berikut adalah cara untuk meletakkan pada blog anda
1.Klik pada Design dan pilih Page element--Add a gadget
2.Pilih Java Script/HTML

dan masukkan kod dibawah 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><br/><form id="forma"method="POST"name="selecter2"><select name="select3"onchange="go2()"size="1"style="font-family: verdana; font-size: 8pt;"><option value="Times New Roman">Times New Roman</option><option value="Arial">Arial</option><option selected=""value="Book Antiqua">Book Antiqua</option><option value="Bookman Old Style">Bookman Old Style</option><option value="Century Gothic">Century Gothic</option><option value="Comic Sans Ms">Comic Sans Ms</option><option value="Tahoma">Tahoma</option><option selected=""value="Trebuchet Ms">Trebuchet Ms</option><option value="Verdana">Verdana</option><option value="Blackoak Std">Blackoak Std</option><option value="Comic Sans MS">Comic Sans MS</option><option value="Century">Century</option></select><select name="select2"onchange="go1()"size="1"style="font-family: verdana; font-size: 8pt;"><option value="8px">8</option><option value="9px">9</option><option value="10px">10</option><option value="11px">11</option><option selected=""value="12px">12</option><option value="14px">14</option><option value="16px">16</option><option value="18px">18</option><option value="20px">20</option><option value="22px">22</option><option value="24px">24</option><option value="26px">26</option><option value="28px">28</option><option value="30px">30</option></select></form>


3.Kemudian save template anda.
DEMO:

Times New RomanArialBook AntiquaBookman Old StyleCentury GothicComic Sans MsTahomaTrebuchet MsVerdanaBlackoak StdComic Sans MSCentury89101112141618202224262830

Semoga bermanfaat,terima kasih atas support dan dukungannya.