Cool Stylish CSS Labels For Blogger

Friends, This is a widget to modify your label to a brick style with CSS effects. It is very effective widget to attract people when they are entering your blog. Now i share, How to install this widget into your blogger?. If you want to install please follow this post and enjoy……

Log in to Blogger account

• Select Templates

• Click on Edit HTML 

• Tick On  Expand Widget Templates.

• Find (Ctrl + F)   ]]>

• Copy  the code shown below and paste Before/Above it.

/*-----Custom Labels Cloud widget by www.masterhacksindia.blogspot.com----*/
.label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;font-size:10px;color:#666;}
.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1;
}
.label-size a {
text-transform: uppercase;
float:left;
text-decoration: none;
}.label-size a:hover {
text-decoration: none;
}

• Save Templates.

• Then go to Layout

• Now Click On Add Gadget Button.

• Add Labels Gadget  from given list

• Unchecked Show Number Of Post Per Label.

• Save it.

Random Posts...!!!

• 

  Add a Simple Drop Down Menu to Blogger

  08/07/2012 - 2 Comments

  In today's Blogger tutorial I show you how to add a simple drop down menu widget sometimes called a select…
• 

  Best SEO 5 Responsive Design Blogger Templates

  18/08/2013 - 0 Comments

  Top 5 Awesome Responsive Blogger Templates:-  These days their is a lot more trend of Blogger templates.It…
• 

  How To Replace "Post A Comment" Message In Blogger With Image Or Text

  08/10/2013 - 0 Comments

  You can replace post a comment message that appears at your blogger comment box header section with image,…
• 

  How to Replace Older Blogger Page Links With Buttons

  21/06/2012 - 1 Comments

  The Default Older, Home and Newer Page Links In Blogger looks very unprofessional. You can design that links…
• 

  How to use Social Media Effectively for SEO

  07/08/2012 - 3 Comments

  Social media has grown from a niche trend to the face of the web, and the ingredients of a good SEO campaign…
• 

  Best 14 Tips for Facebook Timeline Business Page

  23/09/2012 - 0 Comments

  1. Create a new Facebook timeline cover image.  The cover image provides amazing opportunities for…
• 

  How To Change "Post a Comment" Text of Blogger Blog

  01/10/2013 - 0 Comments

  You can see "Post a Comment" text above your comment form in blogger.If you like to replace this "Post a…
• 

  Here is How to Find Your Twitter RSS Feed and Your Twitter Favorites RSS Feed

  05/09/2013 - 0 Comments

  Here is How to Find Your Twitter RSS Feed and Your Twitter Favorites RSS FeedOnce again, there are major…

Posted in: blogger,labels,Stylish

If You Enjoyed This Post Please Take 5 Seconds To Share It!