Step 1:
After login and enter your post Click Layout.
Step 2:
From right hand side find the Add Gadget button,
From right hand side find the Add Gadget button,
Step3:
After press the "Add a Gadget" link button a popup window is display and some option is there, scroll down and find the Labels gadget and press the "+" symbol.
After press the "Add a Gadget" link button a popup window is display and some option is there, scroll down and find the Labels gadget and press the "+" symbol.
Step 4:
The label configuration window is displaying you can adjust the default settings.
The label configuration window is displaying you can adjust the default settings.
Step 5:
The gadget is added and you can move it to your favorite place, like below image
The gadget is added and you can move it to your favorite place, like below image
Now you can see the label you added, but it don't have any style just show a link button, you can apply style by following methods.
Add Label Style (CSS)
Step 1:
Click template and Edit HTML.
Click template and Edit HTML.
Step 2:
After clicking the "Edit HTML" you will see like below image.
Step 3:
Press ctrl+F and find the name using </head>.
Step 4:
Just add any one of the following code above the </head> tag.
Rotate Blogger Label Theme
- JQuery
- Animation Program
- css
- HTML
- Tips
- blogger
- AngularJS
- Application
- .net
- Tools
- javascript
- Button
- Software
- Flash
- Game
- Php
- Theme
- telerik
- College
- Hardware
- Java
- SQL
- Chrome Extension
- DOS
- Maths
- Website
- xml
- Batch
- CarRace
- Networking
- RGraph
- Typing
- Xara 3D
- asp.net
- puzzle
<style>
.Label li {
background: linear-gradient(to bottom, #6B6B6B 0%, #6B6B6B 4%, #333333 1%, #2B2B2B 100%) repeat scroll 0 0 transparent;
border: 1px solid;
border-radius: 6px 6px 6px 6px;
float: left;
font-size: 116%;
list-style: none outside none;
margin: 2px;
padding: 4px;
transition: all 0.3s ease 0s;
}
.Label li:hover {
transform: rotate(351deg) scale(1.7);
}
.Label a {
color: #fff;
text-decoration: none;
}
</style>