Sunday, October 14, 2012

Customize Blogger Labels With CSS3

This label hack can be easily applied to your labels by just adding some CSS code in to your blog.Now lets see how to apply this label hack.

How To Apply This Label Hack?

Important -  Before applying this label hack set your label style to Cloud.

  1. Go to Blogger > Settings> Layouts
  2. Click add a gadget and choose Labels
  3. Inside the settings make sure to choose the cloud display. You may set other options as per your requirement. See the screenshot below as example 
labels settings

Please choose to display at most 25 labels. Too much labels on homepage look awkward. Showcase your best categories only.
4.    Now save the widget and go to settings > Template
5.    Backup your template
6.    Click Edit html > Proceed  and search for this

7.   Just above it paste the following CSS code:

8.     Save your template
 9.    All done!

 If you are getting any problem then feel free to ask it to me :)


Post a Comment

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

1. To add HTML CODE in comments then please use our Instant 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.
4.Click Subscribe by Email to receive Replies