Spiceup your blog with hover based blogger post cloud label widget

Lots of categories are available in blogger for blogging, one of the most relevant item is post label. Customization of label will attract visitors to choose their choice category of posts to browse more. We already posted black color bacground cloud label widget for blogger and CSS3 code label widget for blogger. In this way page-views for your blog increase by means Alexa ranking improves. Most of the blogger simply they leave posts labels at side, this will take lot of space and make visitor in confusion which item to browse. The Visitors bouncing rate may increase, if webmaster won’t customize post labels attractive and displaying relevant labels on blog. Here in this article we blogtariff presents you ‘Hover based Post Cloud label widget with attractive background’. Let’s begin the tutorial for adding widget.

How to Add ‘Cloud label widget with attractive hover background’?
Sign into your blogger account
Select ‘Template’ link tab
Click on ‘Edit HTML’ and proceed
Now, Search for code

]]></b:skin>

• After finding code copy below code and paste above to it

/*---  Custom Label Cloud by www.blogtariff.com --- */
.Label a{
padding-left:10px;
background:#0090D5;
padding:0 10px;
color:#fff!important;
height:26px;
line-height:26px;
text-decoration:none;
border:none !important;
-webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;
float:left;
margin-left:1px;
margin-top:1px;
font-size:13px; }
.Label a:hover{
background:#69625A;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: px;
} 
/*------- BlogTariff  Cloud label End--------*/

Customization:

• If you need to change background color #0090D5 and hover color #69625A replace   with you choice color by using our HEX Code Color Chart or  else leave it default
• Change font size 13px to your choice value or else leave it default