Dude see this template (Template Preview (nightvision) - Free CSS Templates) as it download in zip file....on blogspot u have to simply upload zip file and done but what to do on webs as i don't know css.....plz help me on it.

I dont think that the template you provided is for webs. Webs have its own "CSS TAGS", and template needs to be designed using it.
Try looking at templ.us or Blog - SnedekerDesignz.webs for some impressive template.
Once you find it, to apply it,click on apply
*dl.dropbox.com/u/31104340/Webs/w4.JPG
After this, copy these codes:
*dl.dropbox.com/u/31104340/Webs/w5.JPG
After this log in to webs. After this select modify template
*dl.dropbox.com/u/31104340/Webs/w1.JPG
Select ADVANCED CSS
*dl.dropbox.com/u/31104340/Webs/w2.JPG
Paste every thing here. You can also take help from resources on right 
*dl.dropbox.com/u/31104340/Webs/w3.JPG
BTW You can also do the same for current template you chose, you just need to replace links with some online ones, and copy codes from .CSS file. Not sure if it will work this way.
And abt box.....see on pro hack.... there on homepage, u see a box in it images with link...changing....i want to make that.

I see it now. Earlier it was not visible(dont know why). Anyways, if you wan it, there is a widget related to this on webs. While editing site, add it(there is a widget button on top).
I am also thinking the same from my first post in the topic