Support Your Country In London Olympics 2012 Through Blogger

This is a good looking supporting badge for Olympics for those who love sports and seeing it. This badge has a Country Flag picture and below return is i support this flag in London Olympics 2012. Having it will make your blog seem supportive to Olympics. So have it in your blog and support your country in London Olympics.
View Demo

Follow The  Steps To Support Your Country

• Login to your Dashboard.
• Go to Layout.
• Add a Gadget >> Html/Javascript.
• Paste the below code there.

<a class='olympic-support-blog-toolz' href='#' target='_blank'>
<h4 class='hsupport'>I Support</h4>
<img src='http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolz-india-flag.jpg' title='I am supporting my country for the Olympics'/>
<h4 class='hsupport2'>For the London 2012</h4>
</a>

• Now, go to Templates >>Edit Html.
• Find for ]]></b:skin>
• Paste the below code just above it.

.olympic-support-blog-toolz {
    position: fixed;
    top: -8px;
    text-decoration:none;
    right: 16px;
    background-color: rgba(255, 255, 255, 0.87);
    text-align: center;
    padding: 12px;
    border: 2px solid #888888;
    width: 100px;
    border-radius: 0px 0px 20px 20px;
    font-family:'georgia';
    color:grey !important;
    text-shadow:1px 1px 1px white;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.olympic-support-blog-toolz:hover {
    background-color: white;
    text-decoration:none;
    color:black !important;
}

• Now, click on Save the Template.

It's Done.

Categories: Blogger Widgets , CSS