Display your Tags/topics in new CSS cloud widget
This new widget will display all your topics/tags in a new fresh look on your sidebar or wherever you want to show this widget . The lovely mouse hover effect gives it to a new charming look , you can see it in next snapshot given below or hanging in my right sidebar .
:Step by step Instruction is given below to add this simple widget :
- 1. Log in to blogger account & Go to Design >> Edit HTML
-
2. Find this code by using Ctrl+F ]]></b:skin>
/*-----Custom Labels Cloud widget by www.techedian.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;
}
very nice thank you dude :D
ReplyDelete@20rinalways welcome !!! stay connected with us..
ReplyDeleteFor hottest information you have to visit internet and on
ReplyDeleteworld-wide-web I found this site as a most excellent web page for most up-to-date updates.
My site: file management