Saturday, May 25, 2013

How to Add "Change Text Size And Font Face Gadget" For Blogger

,
How to Add Text And Font Gadget To Your Blog

1. Login to your blogger dashboard--> Layout-->'Add A Gadget'--> Choose HTML/JavaScript
2. Copy and paste the code below into the HTML/JavaScript gadget :
<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>
3. Save HTML/JavaScript you are done.

11 comments:

  1. مشكور على الشرح الرائع

    ReplyDelete
  2. nguoi-lai-do.blogspot.com have change size text. I need..

    ReplyDelete
    Replies
    1. My bro, I will find to you for a solution and I will answer you. :>)

      Delete
  3. i fix my problem ( my syb widget was horrible ) but now it's pretty nice http://bodybuilding-transformation.blogspot.com/

    ReplyDelete
  4. Ayman, CODE -is making space not grabbing text! Can you help? kip

    http://tenderyearsdoctrine.blogspot.co.uk/

    ReplyDelete
    Replies
    1. Hi,
      Try this CODE

      http://pastebin.com/cwJwA43A

      Delete

 

Disclaimer | Terms and Conditions | Privacy Policy | Copyright © 2012 | Template design by bbloggertutorials