Add Stylish Label Slide Hover Effect In Blogger

Our today topic is on stylish label we already add simple gadget but this widget has hover effect.when you hover you mouse over label then it slide out.

Adding it in blogger is very simple.just editing your template.first of all go to layout and add label gadget.
Also add pintreset pin over image

How to add label with hover effect

Now go to template and edit HTML

press ctrl+f and search this piece of code

]]></b:skin>

 paste given code above ]]></b:skin>

/* Stylish hover Slide drift Label Widget by http://5gblogger.blogspot.com/2012/01/label-widget-slide-hover-effect-blogger.html */ .Label li { background: none repeat scroll 0 0 #EEEEEE; border: 0 none; color: #666666; margin: 0 1px 1px 0; padding: 0; text-decoration: none; } .label-size a { background: none repeat scroll 0 0 #EEEEEE; border-bottom: 0 none; border-image: none; border-left: 0 none; border-top: 0 none; color: #666666; float: left; font-size: 12px; margin: 0 5px 5px 0; padding: 10px; text-decoration: none; } .label-size a:hover { background-color: #fd4326; color: #fff; text-decoration: none; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; border-right: 5px solid #333333; }

Save the template enjoy custom stylish label.visit your blog to confirm that it is working.If you face any problem ask me by comment.