Backing up of widgets is very important if one wants to change their template, because otherwise when a new template is uploaded all the widget data will be lost. A couple of ways to backup the widget data are as described below. One way is directly from the Page Element.

Backup Widgets from Page Element.
To do this the following steps are to be performed,

1. Login to blogger with your ID.
2. Click on Layout.
3. Click menu Page Element
4. Click EDIT to open each Widget Page Element as shown in diagram
5. Copy the code inside the Widget Page Element and paste it on a notepad and save it.

Repeat these steps for each of the Widget Page Element. That's the way to save your widgets, but this is a very cumbersome and time consuming way. Hence there is another way by which you can backup your widgets.

Back up widget through Template Source Code
This is a much quicker way to go about saving your widgets.

1. If you are using Internet Explorer open your blog home page address.
2. Next goto VIEW on the Menu Bar of Internet Explorer as shown on the picture.
3. In VIEW goto submenu and click on SOURCE. With this you will open your Widget HTML Source page which you can save it in Formatted HTML view.

If you are using Firefox the same can be done by going to VIEW menu and PAGE SOURCE submenu and saving the same. This is the other way to save your widget and save a lot of time which you would spend if you didn't backup your widgets. If you need to search the widget data in the Widget HTML Source page, than it always begins with the
<div class='widget-content'>
And terminates with the code
</div>

If your Template Source Code displays the following code

<h2 class='title'>Message Board</h2><!-- The Title of your Widget --> <div class='widget-content'><!-- This is the beginning Code --> <script style="text/javascript" src="http://www.sigmirror.com/files/30252_ojdf1/MessageBoard.js"></script><script style="text/javascript">var a_rc=5;var m_rc=true;var n_rc=true;var o_rc=100;</script><script src="http://freetidbit.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script> </div><!-- This is the end Code -->

And the Widget Code displays

<script style="text/javascript" src="http://www.sigmirror.com/files/30252_ojdf1/MessageBoard.js"></script><script style="text/javascript">var a_rc=5;var m_rc=true;var n_rc=true;var o_rc=100;</script><script src="http://freetidbit.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

This is how you can backup the widgets and recover them incase you have to change your template.