Image Tut No.3 : How to backup your "Widgets

Be like my promise at my previous post that is i will posting how to backup the data in the widget / page element.
If emerging question do we require to back up the data in page element? the answer is very require to. Because if you change your old template with new template, hence the data in page element will follow to be vanished, and you'd lose all data be like : guest book, blog accessory, blog tool, and also all which have been attached in your blog forever.

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 template source 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.