Creating the sticky notes, your way

1. Login to Dashboard.
2. Click on Layout of the blog for which you want to create a sticky note.
3. Click on Edit HTML tab.
4. Add the following code just below the #header-wrapper code
#sticky-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#sticky-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

5. Now search for following code snippet in the code window;
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Customizing blogger (Header)' type='Header'/>
</b:section>
</div>

6. And add these lines of code just below the above code;

<div id='sticky-wrapper'>
<b:section class='sticky' id='sticky' maxwidgets='2' showaddelement='yes'>
</b:section>
</div>

7. Now click on SAVE TEMPLATE.
8. Click on the Page elements tab and then click on Add a Page Element link.
9. A new window will open, select HTML/JavaScript and click on ADD TO BLOG.
10. A window will open where you can insert your sticky note.
11. Click on SAVE CHANGES.
12. See your sticky for yourself!

NOTE: You can customize you sticky as well in this HTML/JAVASCRIPT window, with your choice of HTML tags.