01 February 2013
How to Create Design For Blogger Labels Like Buttons
Add a beauty to your blog. Its too easy like abc
1.Login to your blogger go to Template >> HTML >> click Proceed
2.By using CTRL+F key search for this code ]]></b:skin>
3. just above/before the code you've found paste this code
.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); }
After having pasted this code save your template.
4. Now if you have already added a label widget then its ok, just make this setting.
Where it says "Display" There are two options List & Cloud, from those two options list and cloud select the cloud option and also un-check the check box which says "Show number of posts per label".
Where it says "Display" There are two options List & Cloud, from those two options list and cloud select the cloud option and also un-check the check box which says "Show number of posts per label".
If you
haven't added a label widget yet then just go to Blog Layout >>
Add a Gadget Click it>> and a pop up window will appear, scroll
down and you will see a widget labels; so just click the Add + button
and you will see the setting for labels as you are told above at step 4.
Make correct setting and save the widget.
see the picture for example
0 comments:
Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. Please do not spam Spam comments will be deleted immediately upon our review.
Regards,
Imtiaz Ahmed