Brick Style Animated CSS Label Widget For Smart Blogger

Follow @tonufz

Brick Style Animated Widget is more attractive than blogger default blogger label. Brick Style Animated Widget is also a part of blog design. This Brick Style Animated Widget Is very effective widget to attract your blogger visitor when they are visiting your blog site. Do you think "How to install this Brick Style Animated Widget to your blog"? If you want to get this widget for your blog just follow this post & enjoy different stylish Brick Style Animated CSS widget.

• Just log in your blog, then go to TEMPLATE --> EDIT HTML

• Search (Ctrl + F) ]]></b:skin>

• Copy this bellowing CSS code & paste just before/avobe ]]></b:skin>

    /*-----Custom Labels Cloud widget by tech-everyday.blogspot.com----*/
    .label-size{
    margin:0 2px 6px 0;
    padding: 3px;
    text-transform: uppercase;
    border: solid 1px #C6C6C6;
    border-radius: 3px;
    float:left;
    text-decoration:none;font-size:10px;color:#666;}
    .label-size:hover {
    border:1px solid #6BB5FF;
    text-decoration: none;-moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -moz-transform: rotate(7deg);
    -o-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    transform: rotate(7deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(
    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
    zoom: 1;
    }
    .label-size a {
    text-transform: uppercase;
    float:left;
    text-decoration: none;
    }.label-size a:hover {
    text-decoration: none;
    }

•  And Save Your Template.

• After saving your template then go to Layout

• Then add a gadget

• Then customize your label

• Unmark Show Number Of Post Per Label.

Do you like this post? Please link back to this article by copying one of the codes below.

URL: http://tech-everyday.blogspot.com/2013/06/brick-style-animated-label.html HTML link code: <a href="http://tech-everyday.blogspot.com/2013/06/brick-style-animated-label.html">Brick Style Animated CSS Label Widget For Smart Blogger</a> BB link code: [url=http://tech-everyday.blogspot.com/2013/06/brick-style-animated-label.html]Brick Style Animated CSS Label Widget For Smart Blogger[/url]