CHANGE BLOGGER LABEL LINKS WITH BEAUTIFUL BUTTONS USING CSS3

In this tutorial i am going to teach you how to change blogger label links to beautiful style using css3 code.As we all know that designing blogger blogs is become easier now and every blogger designe her blog with awsome coding.You also design your blog if you have some knowledge about coding.

follow some simple steps to change the style of label.

how to change blogger labels links

1. First go to blogger account 
2. Go to template/Edit HTML 
3. Find this code ]]></b:skin> By using CTRL+ key 
4. Now paste the below code just above the ]]></b:skin>
.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:12px; 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; }

1. Now click save template. 
2. Now add label widget. 

adding label widget to blogger

1. Go to layout /ADD A GADGET/and ADD LABEL WIDGET. 
2. Now select the cloud widget where it say DISPLAY 
3. Now save your template and you're done.

Dont forget to subscribe us and sharing this post.

thanks

Please Give Us Your 1 Minute In Sharing This Post!

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →

Powered By: BloggerYard.Com