Font style setting

Kenapa ntah sejak akhir-akhir ini penulis gemar bermain-main dengan font di blog ini.Jika anda sering berkunjung ke blog ini, pasti perasan ada sedikit perubahan tulisan samada pada header post,header sidebar (biru),tag cloud (kategori) atau feedburner (langganan percuma-oren).Perubahan itu dilakukan secara manual.Jika secara auto...bagaimana ya?

Cara auto??Itu hanya kata-kata penulis.Cuba lihat dibawah header, ada widget "FONT STYLE SETTING".Ada jenis font dan saiznya.Hanya pilih jenis font dan saiznya,maka perubahan tulisan akan berlaku dibahagian posting(main wrapper)dan kotak komen.Bahagian lain penulis tidak pasti pula,krn. coding setiap template kan berlainan.Baiklah ingin tahu cara memasangnya?

Caranya amat mudah.Anda hanya perlu copy script dibawah dan pastekan di bahagian page elemant / add a gadget anda.Preview dulu dan lihat hasilnya.Jika tiada sebarabg error, klik save.Mudahkan.

<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"><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 /> <option 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 value="12px"/>12<br /> <option value="14px"/>14<br /> <option value="16px"/>16<br /> </select><br /> </form>

Bila font style setting widgetnya tidak berfungsi, ikuti langkah-langkah berikut:

1) Dari menu blogger klik Layout-->Edit HTML

2) Cari kod :

.post {

margin:0 0 10px 0;

font-family: Arial;

background: #FFF;

padding:10px;

text-align:justify;

border:1px solid #C0C0C0;

}

3) Hapus kode yang ini font-family: Arial; atau ada yang menggunakan font-family: Verdana; atau font-family: Times New Roman; asalkan kod font-family dihapuskan.

* Selesai...Amin

Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.

Mungkin artikel dibawah yang sedang anda cari