Blog Tip - Moving the gadgets in the sidebar in Blogger

When moving the gadgets in the sidebar in blogger it sometimes is so difficult and frustrating to just drag it down where you want it to go. I am a new blogger too and I found it irritating and for a while just left things as they were. But then I searched for a better way and found this method.
An easier method would be (always save your template before making any changes in the html code)to go to layout edit html. Do not expand the widget. But go way down almost to the end most probably below a code which looks something like these lines
<div id='sidebar-wrapper'><br /> <b:section class='sidebar' id='sidebar' preferred='yes'>
where you will find lines of code like this. Each widget has it's own id so depending on what your gadget is the id will be different and you will have many lines - one to each gadget in your sidebar. So look for a bunch of lines looking like this
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
I had added my first gadget as an html code for adding buttons so my line looks like the one above. If say I want it below my followers's gadget which will look like this
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
then I just cut the first line (ctrl X in windows) and then go to the spot where I want to paste - ie below the followers line , press enter to create a line (more for your clarity than anything else) and paste (Ctrl V in windows). Save template and view and you will find that the gadget has moved exactly where you want it to.
Much better than dragging the gadget and praying that it will land right LOL.