Before doing it dont’t forget to backup your widget Here is tutorial Click here
Step #1
1. Log in to Blogger with your ID
2. Click Layout
3. Click Edit HTML tab
4. Focus at under section of your template code, find the
code and
5.
Remove all codes between the code and . E.g.:
<body>
<div id=’outer-wrapper’><div id=’wrap2′>
<!– skip links for text browsers –>
<span id=’skiplinks’ style=’display:none;’>
<a href=’#main’>skip to main </a> |
<a href=’#sidebar’>skip to sidebar</a>
</span>
<div id=’header-wrapper’>
<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
<b:widget id=’Header1′ locked=’true’ title=’Template Tutorial (Header)’ type=’Header’/>
</b:section>
</div>
<div id=’content-wrapper’>
<div id=’crosscol-wrapper’ style=’text-align:center’>
<b:section class=’crosscol’ id=’crosscol’ showaddelement=’no’/>
</div>
<div id=’main-wrapper’>
<b:section class=’main’ id=’main’ showaddelement=’no’>
<b:widget id=’Blog1′ locked=’true’ title=’Blog Posts’ type=’Blog’/>
</b:section>
</div>
<div id=’sidebar-wrapper’>
<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
<b:widget id=’Profile1′ locked=’false’ title=’About Me’ type=’Profile’/>
<b:widget id=’BloggerButton1′ locked=’false’ title=” type=’BloggerButton’/>
</b:section>
</div>
<!– spacer for skins that want sidebar and main to be the same height–>
<div class=’clear’> </div>
</div> <!– end content-wrapper –>
<div id=’footer-wrapper’>
<b:section class=’footer’ id=’footer’/>
</div>
</div></div> <!– end outer-wrapper;
</body>
6. Click Save Template button
7.
There will be a warning that Widgets are about to be deleted. Click Confirm and Save button (Remember! You should’ve backed up before)
confirm
8. Please view your blog, and the result, your blog is empty now
9. Step #1 done
Step #2
-
You are still in log in. Click Pick New Template tab
-
Choose a template you like (or random)
-
Click Save Template button
- Please view your blog, your posts must have appeared as it was
- Done
