25 Aug 2013

How To Customize Label Cloud Widget in Blogger With CSS3 Effects


Good Morining Friends,Today i am going to share An awesome tricks with this you can add awesome label in your blog,

HERE WE GO

HOW TO CUSTOMIZE LABEL CLOUD WITH CSS3


The steps described here are rather straightforward as well as might hardly carry short while to finish. Take into account the using guidance as i have said down below.
1. Go To Blogger.com >> Your Site >> Add a Gadget >> Label.
2. Now match the settings which are shown in the screenshot below.
3. Select the Cloud from the Display settings.

CUSTOMIZE LABEL CLOUD WIDGET


1. Once again go to Blogger Dashboard>> Template >>Select Edit HTML >> Proceed.
2. Now with in the Template Search for ]]></b:skin>  and just above it paste the following CSS Coding.

/*--- mybloggerskill.blogspot.in Custom Label Cloud With CSS3 --- */
.Label a{
padding-left:20px;
background:#000;
padding:0 20px;
color:#fff!important;
border-radius:100px;
-moz-border-radius:100px;
height:32px;
line-height:32px;
text-transform:uppercase;
text-decoration:none;
border:none !important;
-webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;
float:left;
margin-left:5px;
margin-top:5px;
font-size:14px; }

.Label a:hover{
color:#000 !important;
background:#ff0; }


YIpEEE now SAve it,



No comments:

Post a Comment

Ads Inside Post