Step1
Go to Design->Edit html
Choose the template from your computer you downloaded
and upload it
Step2
After uploading it you will be prompted with this message
If you have added the page elements it will appear like the above image
Hit Delete widgets
Thats it you are ready to use the template.
Step3
Adding your own logo
Go to Design->Edit html
Press Ctrl+f And enter logo
you could find the below code and change the red highlighted with your own logo url
#logo {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHPWeB1oaKoRWl-CFEsFOnoidcikJ0ntWOk1_sdriWp6PjBNNibOsU_bitlB3RSCKDhJecboyPcG7k8OMyU0bC4_y694RCLEvUUlDoj2cX8mdBsZmpiw2rN18j_SUA6qoFSiMWhDSOmxUT/s1600/spritely_logo.png) 0 0 no-repeat;
width: 378px;
height: 121px;
position: absolute;
top: 7px;
left: 30px;
z-index: 1900;
text-indent: -9999px;
}
Step4
Addin your own tag
Go to Design->Edit html
Press Ctrl+f And enter #tag
you could find the below code and change the red highlighted with your own logo url
#tag {
position: absolute;
top: 40px;
left: 540px;
width: 381px;
height: 54px;
background: transparent url(http://www.spritely.net/images/sprite-up-the-web-strap.png) top left no-repeat;
}
All credits go to Spritely.net