How to Customize Blogger Labels & Make Them Attractive
How to Customize Blogger Labels & Make Them Attractive, Wellcome back NoteAbdan friends!, now i want sharing again about label, you can see topick this posting, well! i want saring about How to Customize Blogger Labels & Make Them Attractive!.
Well you might have figured out that I have entirely customized my blogger template according to my taste and the one thing I love are the labels that simply categorizes your content according to what it comes in. So by default blogger provides a simple option to add labels and than choose from two different schemes the one is straight way of displaying your labels and the one is cloud style, Well I am using the cloud version and I have just added some CSS styles that I have created by my own to modify the overall look of it. So you can see in the above image what kind of look you will get when you will apply the below CSS, Well obviously you can edit the styles according to your preference or maybe add some more interactivity to it that depends on your creativity. So now jump in to the below tutorial and lets start the process:
- Visit Blogger.com > Template > Edit HTML.
- Now press Ctrl+F and search for ]]>
and paste below code above it.
#Label1 a{background:#f6f6f6;background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#f9f9f9), to(#f1f1f1));background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#f9f9f9), to(#f1f1f1));border:1px solid #aaa;display:inline-block;font-family:cambria;font-size:10px;letter-spacing:1px;margin:3px 0;padding:6px;text-transform:uppercase;-moz-box-shadow:0 5px 5px -5px #999;-webkit-box-shadow:0 5px 5px -5px #999;box-shadow:0 5px 5px -5px #999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}#Label1 a:hover{border:1px solid #666;color:#000}
- Now this is the default code for modifying labels in blogger template, if this code does not work you might have something else constructing your blogger labels.
Categories:
Android,
Blackberry,
Browser,
Desain Grafis,
Internet Software,
Ipod,
Multimedia,
Office Software,
Race,
Smartphone,
Strategy,
Tranding Card,
Windows
0 Comments
