seo CSS Brick Style Label Cloud Widget For Blogger 2013

on Thursday, February 21, 2013 | 0 Comment

Seo Master present to you:

Friends, This is a widget to modify your label to a brick style with CSS effects. It is very effective widget to attract people when they are entering your blog. Now i share, How to install this widget into your blogger?. If you want to install please follow this post and enjoy……

Select Templates

Click on Edit HTML

Tick On Expand Widget Templates.

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

Copy the code shown below and paste Before/Above it.

/*-----Custom Labels Cloud widget by www.www.matrixar.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;

}