Blogging Tutorial

There is an interesting widget for you to install on your blog. This widget is often called Font Changer Widget. Now, change the dropdown menu below with different font’s type and size as you want.

You can see that the font’s type and size in this post will change.

If you are interested in that widget, you can follow the instruction below because it’s easy. To install the Font Changer Widget, you can do manually or automatically.

Install Widget manually

1. Please login to blogger with your own ID.
2. Click Layout.
3. Click Page Element tab.
4. Click Add a Gadget.
5. Click the sign plus ( + ) for HTML/JavaScript.

6. Copy and paste the code below in the available column

   <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:Arial;font-size:10pt" name="select3" size="1">
   <option value="Times New Roman"/>Times New Roman
   <option value="Arial"/>Arial
   <option 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 value="Trebuchet Ms"/>Trebuchet Ms
   <option selected value="Verdana"/>Verdana
   </select>   <select onchange="go1()" style="font-family:Arial;font-size:10pt" 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>

7. Click SAVE.
8. Done

Install Widget automatically

Please log in to blogger first, and then click the button below, and the total posts and comments widget will be installed automatically. It is very easy, isn’t it?

Enjoy your new widget!