I Fell from the Moon

First of all, you don't use CSS to make sticky posts. You can style your sticky posts, and remove the post heading with CSS, but that's all. In order to make your post sticky, you need to edit the post. Click show advanced options, and tick Show this as a sticky post. Save your post.

You can't post scripts in your blog. My Opera limits such functionallity in order to insure the safety of visitors and keep the user experience consistent. Of course this limits what kind of services you can add to your blog, but you can still add Flash and offer the same functionality there.

CSS was originally made to keep elements that change the presentation of text out of HTML. But it was also made to limit the use of tables for positioning of blocks of HTML. So there's no wonder you only know how to format text with CSS. I myself only use tables to present things like lists containing data. Tables are mostly obsolete on the web except when you want to display a list of related lines of data, almost like in a spreadsheet.

What triggered me to learn CSS was that it can be used to make custom blog designs. I looked at the CSS source code for my page and found that I can copy CSS to my custom design and change its values in order to change things like the banner and the background. Later on I learned things like CSS positioning, and how to add CSS to HTML elements. A prime source for this information is the W3Schools. I'd suggest starting with the CSS tutorial, then use the search field when ever you need to look up something.

And last but not least, thanks for your comment about my service for the army. But I would have been more pleased to recieve it in the comments for the post itself.

Heh. You can thank my good search engine rank for that.

Adding a sticky to the sidebar is easy as pie.

Add this to your sticky post:

<div >YOURTEXT</div>

Add this to your account CSS:

.stickypost .editthis, .stickypost .avatar,.stickypost .tagicon,.stickypost .postdate,.stickypost .tags,.stickypost .postinfo,.stickypost .sticky,.stickypost .title{
    display : none ;
    }

#myblogintro { 
    position: absolute;
    top: 0px;
    right: 0px;
    width: 240px;
}

#content.blogfront #sidewrap #side {
    position: relative;
    padding-top: 17em;
}

If your sticky post flows over the other items, increase the 17em value.

Remove the code I gave you from your account CSS and add this instead:

.stickypost .editthis, .stickypost .avatar,.stickypost .tagicon,.stickypost .postdate,.stickypost .tags,.stickypost .postinfo,.stickypost .sticky,.stickypost .title{
    display : none ;
    }

#myblogintro { 
    position: absolute;
    top: 0px;
    right: 0px; /* Edit this to increase the distance from the right edge */
    width: 240px;
}

#content.blogfront #sidewrap {
    position: relative;
    top: -289px; /* Edit this to move the search box */
    padding-top: 280px; /* Edit this to move the items below the search box */
}

#content.blogfront #sidewrap #side {
    padding-top: 17em; /* Edit this item if your sticky post text flows over the other sidebar items */
}

Oh that. It plays just fine here, although you might want to change the width to 240px.

It's happens because you're using Internet Explorer. Internet Explorer is so horrible at CSS, web standards and security, I'd rather call it a Windows bug than a web browser.

But you can apply a fix for the bug and security hole known as Internet Explorer. It's called Opera. Click the Download the Opera Browser button in my sidebar and follow the instructions.

Bah. I shouldn't do CSS in the evening. I created new CSS for you from scratch.

Remove the code I gave you and add this instead:

#sidewrap {
    margin-top: 195px;
}

#blogsearch {
    position: absolute;
    top: -247px;
    right: 0px;
    z-index: 9999;
}

#blogsearch h2 {
    display: none;
}

#myblogintro { 
    position: absolute;
    top: 0px;
    right: 0px; 
    width: 240px;
}

Puh!

The search box appears correctly in the menu bar here when I change the #blogsearch part to:

#blogsearch { 
position: absolute;
top: -30px;
right: 0px;
z-index: 9999;
}

The elements in your sidebar appear correctly here, when I change the #sidewrap part to:

#sidewrap { 
margin-top: 253px;
}

It seems like there's an error causing the YouTube video not to display in Opera 9.6. I have no idea what's causing it because your flash based hit counter displays just fine. The only solution is to move the video out of the myblogintro div area.

Heh. Looks awesome!

How about XSPF Web Music Player?

Although it requires a some work to set it up.