Awesome Label Widget with Hover effect for Bloggers

We can see lot of popular web sites with awesome label widgets there . Labels are used to show the post keyword or main word inside a blog post . Using labels widget , we can get all posts under a selected labels . If we use label widgets on our blogs , It will help to show your main keywords on the blog and also helps to users for main contents . The another most important advantage is page navigations .We can use label widget for such process on the websites also . Here , I quickly share a awesome label widget with hover effects for bloggers . Let's look the main steps for the code implementations on Google Blog platform . Before installing this label widget , See this Demo .

DEMO :

Add customized code to your template

Step 1 : Login to your blogger account . Go to Template and click on Edit HTML .
Step 2 : Search the ]]></b:skin> code from the blogger template ( you can use ctrl + L for quick search )
Step 3 : Paste below codes Above/Before the ]]></b:skin> code .

.Label a{float:left;padding:5px 8px;margin:2px 2px 0px 0;background-color:#0099ff;color:white;font-size:14px;text-decoration:none;text-shadow: 0 -1px -1px rgba(0, 0, 0, 0.2);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}

.Label a:hover{background-color:#474545;}