how to add CSS program to my blog?

how to add CSS program to my blog?
i just created absolute floating menu CSS code to my blog,
if i add my CSS code through Template tab <Customize <Advance tab <Add CSS,
then my Floating CSS is appearing on top of blog but not on the blog.
so please tell how to CSS program to my blog?:crybaby:
see below CSS code which i made:
<style>
div.floating-menu {position:fixed;top:100px;left:16px;background:#fff4c8;border:1px solid #ffcc00;width:235px;z-index:100;}
div.floating-menu a, div.floating-menu h3 {display:block;margin:0 0.5em;}
</style>
<div class="floating-menu">
<h3>Floating Menu</h3>
<a href="www.google.com">google</a>
</div>

You can try to copy and paste your CSS styles by putting the HTML markup (in green) above and below your raw CSS code and then paste it above </head> in the template and check if that works for you or not.

Looks like you are adding the code in the php files, you should add the code in relevant template files (*.tpl file of the theme) then it should work fine.