Main menu

Pages

Hot

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.
reactions

Comments

11 comments
Post a Comment
  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

Post a Comment

Table of Contents