Search This Blog

1 Dec 2013

Customize Blogger Labels with CSS3

Tutorial [教程] • 1 DECEMBER 2013
You can design any of your blog part with CSS3 codes. Today we will design the labels in blogger. By default they don’t look beautiful. So we need to add some CSS codes to our style sheet to make them looking attractive. 

This is my attractive label design :

How to Design Blogger Labels with CSS?

Follow these steps:

Copy the code below and paste :


.cloud-label-widget-content span a{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;}.cloud-label-widget-content span a: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); }


Credited to : Change Blogger Labels with CSS3


13 comments:

Template developed by Confluent Forms LLC; more resources at BlogXpertise