How To Backup Your Widgets

This is what i promise from last post about back Up completely your blogspot template.

just simple way here. lets see :

• Login to blogger with your ID
• Click Layout.
• Click menu Edit HTML, you will see the page be like this ( See picture below):
• check list Expand template widget
• Copy all code 
• Save in text editor
• keep it , someday you will need it !

Here is the other way to back up your widget data.

Many the way to back up the data in Widgets / page element, but i'm limitation of time to comment it in detail, hence I will try explain just two way, that is backing up directly from Page element and also backup from template source code. 

Back up widgets From Page Element

Back up widgets in this way be in fact very disturbing, however than we lose various accessory and also tool which have been attached, wiser likely to do so. 

Please follow the steps below : 

1. Login to blogger with your ID
2. Click Layout.
3. Click menu Page Elemet, you will see the page be like this ( just example):
4. At representative of above seen the article edit which I give red circle, You must click at Edit in each the page element, hence will emerge popup window figuring in the code have in input to that. Pay attention the picture below :

5. Copy the code inside there, and paste to Notepad.
6. Repeat the step above at all the elements.
7. Finish.

There is the step how to back the data inside page element. This is the other way to backup your widgets. 

Back up widget through Template Source Code

I think this way is more quickly and efisian, you need a few time to do this. This is the steps : 

1. Visit your blog address.
2. After you at your self blog, click the menu View at the bar menu. See the picture below :

3. After click the menu View, will be out the sub menu, then click Source.
4. if your browser is Internet Explorer, so there is automatically will out the notepad with your templatesource code. If your browser is Mozilla Firefox or Opera, so there is out the new page with your template source code For example, see the picture below :

5. Save your template source code.
6. Finish.

If your question, where is the widgets code? there is always begin with :

<div class='widget-content'> 

And in terminating with code :

</div> 

For example, in my template source code. there are code be like this :

<h2 class='title'>Buku Tamu</h2> <!-- this the title of your widget -->




<div class='widget-content'> <!-- look at this code -->

<!-- Begin Shoutbox - http://www.shoutmix.com -->

<iframe scrolling="auto" width="170" frameborder="0" src="http://www.shoutmix.com/?jaya" height="500" title="jaya">

<a href="http://www.shoutmix.com/?jaya">View shoutbox</a>

</iframe>

<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox at ShoutMix!"></a><br/>

<!-- End Shoutbox -->

</div> <!-- look at this code too -->

So, my widget code is like this :

<!-- Begin Shoutbox - http://www.shoutmix.com -->

<iframe scrolling="auto" width="170" frameborder="0" src="http://www.shoutmix.com/?jaya" height="500" title="jaya">

<a href="http://www.shoutmix.com/?jaya">View shoutbox</a>

</iframe>

<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox at ShoutMix!"></a><br/>

<!-- End Shoutbox -->

I hope with this post you become know how to backup your widget template. So, if you want change your template with a new template. Please don't forget to backup your template and your widgets too. 

Source : Blogspottutorial.com