cara mudah ganti bacground dan font diblog

 1. Login to BloGGer

   2. Dasboard (Dasbor) : KLIK link Layout (Tata Letak) atau Design (Rancangan).
   3. Layout (Design) : Yang sampeyan lihat di bagian ini adalah Page Element (Elemen Laman).
   4. Page Element (Elemen Laman) : KLIK Tambah Gadget (Add Gadget).
   5. HTML/Javascript : KLIK HTML/Javascript.
   6. Copy-Paste : Copy-Paste Javascript pada box yang tersedia.
   7. SAVE/Simpan : KLIK SAVE (Simpan).

   8. Kode HTML Gambar : Setelah Javascript tersimpan dengan sempurna, sekarang tinggal gunakan kode HTML Gambar-nya untuk melakukan posting atau dapat juga sampeyan simpan seperti cara menyimpan javascript tadi (melalui widget/tambah gadget).

scrip untuk ganti bacround

<script type="text/javascript"> function bgChange(bg) { document.body.style.background=bg; } </script><br /> <table border="1" width="200" height="30"> <tr> <td onclick="bgChange('')" bgcolor="white"><br /> <td onclick="bgChange('#0000ff')" bgcolor="#0000ff"><br /> <td onclick="bgChange('#000000')" bgcolor="#000000"><br /> <td onclick="bgChange('#a52a2a')" bgcolor="#a52a2a"><br /> <td onclick="bgChange('#5f9ea0')" bgcolor="#5f9ea0"><br /> <td onclick="bgChange('#d2691e')" bgcolor="#d2691e"><br /> <td onclick="bgChange('#6495ed')" bgcolor="#6495ed"><br /> <td onclick="bgChange('#dc143c')" bgcolor="#dc143c"><br /> <td onclick="bgChange('#00ffff')" bgcolor="#00ffff"><br /> <br /> <td onclick="bgChange('#00008b')" bgcolor="#00008b"><br /> <td onclick="bgChange('#b8860b')" bgcolor="#b8860b"><br /> </td onclick="bgchange('#b8860b')"></td onclick="bgchange('#00008b')"></td onclick="bgchange('#00ffff')"></td onclick="bgchange('#dc143c')"></td onclick="bgchange('#6495ed')"></td onclick="bgchange('#d2691e')"></td onclick="bgchange('#5f9ea0')"></td onclick="bgchange('#a52a2a')"></td onclick="bgchange('#000000')"></td onclick="bgchange('#0000ff')"></td onclick="bgchange('')"></tr> </table>

scrip untuk ganti font

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