thn google
+13,700
twitter big logo icone 5336 48
1,755
Advertisers Tag Here
Join over 45,931 Daily Readers, Users, Subscribers
..who get notifications via Emails !
Jobs

3 Sept 2012

Stylish Cloud Label Widget For Blogger ~ Blue

Labels: , , ,



Here Guys the new labels widget for blogger..
Instead of having a boring labels change them to this
Label Tag Clouds are used to display all the categories or labels present in your blog or website.
It is very useful widget and a very common widget.


Note:



  • You must Change the labels From List to Cloud.


    • See The Picture How to Do that, 
    http://www.tricks2blogging.blogspot.in/
    http://www.tricks2blogging.blogspot.in
    • Now after doing that, click this add to Blogger Button 



    • OR Do it manually, 
    • Copy this codes, Goto your-> Layout ->add a widget ->  HTML/JavaScript
    • And paste it And save
    .label-size{
 margin:0;
 padding:0;
 position:relative;
 }
 .label-size a{
 float:left;
 height:24px;
 line-height:24px;
 position:relative;
 font-size:12px;
 margin-bottom: 9px;
 margin-left:20px;
 padding:0 10px 0 12px;
 background:#0089e0;
 color:#fff;
 text-decoration:none;
 -moz-border-radius-bottomright:4px;
 -webkit-border-bottom-right-radius:4px;
 border-bottom-right-radius:4px;
 -moz-border-radius-topright:4px;
 -webkit-border-top-right-radius:4px;
 border-top-right-radius:4px;
 }
.label-size a:before{
 content:"";
 float:left;
 position:absolute;
 top:0;
left:-12px;
width:0;
height:0;
 border-color:transparent #0089e0 transparent transparent;
 border-style:solid;

 border-width:12px 12px 12px 0; 
 }
.label-size a:after{
 content:"";
 position:absolute;
 top:10px;left:0;
 float:left;
 width:4px;
 height:4px;
 -moz-border-radius:2px;
-webkit-border-radius:2px; border-radius:2px;
 background:#fff;
-moz-box-shadow:-1px -1px 2px #004977;
 -webkit-box-shadow:-1px -1px 2px #004977;
 box-shadow:-1px -1px 2px #004977;
 } 
.label-size a:hover{background:#555;}
.label-size a:hover:before{border-color:transparent #555 transparent transparent;}