Cool CSS Hacks For Blogger/Blogspot

I have posted Making more professional blogger blogs before this. I suggest you to play with CSS because it is one of the cool stuff to make blog professional and well manage. And today I am sharing you some cool & good looking CSS hacks for your blog. It helps you to have more professional:) So, let's try it.

Create a stunning 3D push button

Nowadays, we can see 3d push buttons nearly everywhere. Most of them are achieved via JavaScript. The main problem of using these scripts is that there are greater chances that they might get blocked by the browser. And with the advent of many ad blockers it has become a serious drawback. In this situation, the CSS comes to rescue. Thought we can’t create 3d push buttons as professional as created by using JavaScript, we can create a basic 3d push button with the help of CSS.



The main CSS commands you’ll need are:

    a.pushbut {

    color:#26a;
    display:block;
    border:1px solid;
    border-color:#aaa #000 #000 #aaa;
    text-decoration:none;
    width:8em; text-align:center;
    height:2em; line-height:2em;
    background:#fc0; font-weight:bold
    }
    a.pushbut:hover
    {
    color:#26a;
    background:#ffd633;
    position:relative;
    top:1px;
    left:1px;
    border-color:#000 #aaa #aaa #000
    }

These must be within