Hey guys, You all must do one thing for your blogger to look your blogger gr8. So this I am going to teach you how to add a colorful labels widget for blogger. It is not that hard every body can do it in their blog If you want to add this to blogger the steps given below.
How to Add Colorful CSS3 Labels Widget in Blogger
- Go to Blogger >> Template >> Edit HTML
- Now Find ]]></b:skin>
- Copy and Paste The Following Code Above ]]></b:skin>
/--------BLOGGERUNLOCKER—————- */.sidebar .cloud-label-widget-content {margin:0; padding-left:20px!important;}.sidebar .label-size a { color:#fff!important; background:#222; padding:8px 22px; margin:0 3px 3px 0; float:left; display:block; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}.sidebar .label-size-1 a {background:#FF8000}.sidebar .label-size-2 a {background:#D7DF01}.sidebar .label-size-3 a {background:#B40404}.sidebar .label-size-4 a {background:#298A08}.sidebar .label-size-5 a {background:#084B8A}.label-size-1 a:hover, .label-size-2 a:hover, .label-size-3 a:hover, .label-size-4 a:hover, .label-size-5 a:hover { background:#2288bb; color:#fff; text-decoration:none}.sidebar .label-size span { background:#2288bb; color:#fff; padding:8px 22px; margin:0 0 3px; clear:both; float:left; }.sidebar .label-size { position:relative; text-transform: uppercase; text-decoration:none; font-size:16px; font-family:'Oswald', sans-serif; color:#fff; }.sidebar .label-size a, .sidebar .label-size a:visited {color:#fff;text-decoration: none;}
- You are all done. :)
EmoticonEmoticon