.::: How to Customize CSS in Blogspot :::.

The Blogger Template Designer allows you to insert custom CSS code to change your blog's appearance. You can access the advanced settings of the Template Designer to change all design elements of your blog, including the page layout, background, links and more. You can safely tweak your blog's design by using custom CSS code, as it will not alter your blog's core HTML design. Make any necessary changes to your blog's CSS code in the future from the same location in the Blogger Template Designer

Step 1

Open your browser and go to Blogger.com
Step 2

Enter the email address and password for your Blogger account, then click the "Sign In" button.

Step 3

Click the link for the blog title you want to edit from your list of blogs to open its "Overview" page.

Step 4

Click the "Template" link located in the left column.

Step 5

Click the "Customize" button.

Step 6

Click the "Advanced" link.

Step 7

Click the scroll-down arrow in the middle column and select "Add CSS."

Step 8

Enter your custom CSS code in the "Add Custom CSS" box.
http://jsbin.com/caweqafali/edit?html,console,output

CSS

.box{
    display: none;
    width: 100%;
}

a:hover + .box,.box:hover{
    display: block;
    position: relative;
    z-index: 100;
}

HTML
This live preview for <a href="http://en.wikipedia.org/">Wikipedia</a><div class="box"><iframe src="http://en.wikipedia.org/" width = "500px" height = "500px"></iframe></div> remains open on mouseover.

sample output
This live preview for Wikipedia

remains open on mouseover.

Step 9

Click the "Apply to Blog" button located in the right corner of the page.

Example Preview1




http://smallbusiness.chron.com/customize-css-blogspot-29958.html