how to customize blog tag cloud

                    If your blog is success in heavy traffic there is a secret behind it.it is called as "tags".All your posts in blog are grouped & arranged by their tags to find them easily for visitors.And the other thing ,visitors will stay on your blog if posts arranged well by their tags.Since, the default Labels Widget of Blogger Platform does not have a clean and elegant look. Therefore, we have to customize it with the help of CSS.

See here the difference between the old tag cloud and the customized   tag cloud.

How to customize the Tag cloud 

   follow the below steps carefully.

• Go to Blogger Dashboard >>Add a gadget >> Tag
• Now customize the gadget settings as below screen shot.

                 select display settings as "cloud"

       then uncheck the Show number of posts per label.

             then get ready to customize the tag cloud which you added.

• Go to blogger dashboard >> Template 
• Don't forget to backup your template before make any changes on html.
• Then Edit HTML >> search for the ]]></b:skin> (press ctrl+F and paste that code in to the search box )

copy & paste below code above ]]></b:skin> 

/*--- MBL 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; }


To Change the Hover Color Replace #ff0; with any color according to the desire needs.
To increase/decrease the font size replace 14px according to your needs.

Now save the template.