How Navigation Labels Improve SEO
If you think of your website as a map, navigation labels name the streets, features, shopping districts, and even major buildings like libraries and community centers. Does that description sound too expansive for something so humble? Maybe you need to rethink your definition of navigation labels.Every time you write a post on your blog you have the option to add some Labels to that post.While most Bloggers don't give much thought to the labels they use and some don't add any labels at all they can be very beneficial to your blog in a number of ways, but only if used correctly.Using labels in the correct manner can help your blogs performance in Search, leading to more traffic and labels can be a great way for visitors to navigate your blog keeping them browsing through your archive.So by simply following a few rules and putting some thought into the labels you select you can get more traffic to your blog and increased page views from that traffic.
Why we need to customize blogger labels ?
Blogger`s default labels are very ugly looking links of random size font. These blogger labels are not customized well . They destroys the whole design of your blogger blog because these labels are zero in attractiveness. For this reason most of bloggers hate default blogger labels . If you are the owner of a blogger blog and still you are using those ugly labels then it is time for you to customize those ugly looking blogger labels by using our fresh designs. In this post 5 beautiful and attractive designs are given for customizing your blogger labels. These designs are perfect for almost every type of blogger blog.Tested in> Firefox 4, Safari 4, Chrome 13, Opera 10, IE 8
How to Add Leaf Style Labels Widget in Blogger
- Go to Blogger >> Layout>>Add Gaget
- Choose “Labels” Widget.
- Change Settings Like The Image Below
- Go to Blogger >> Template >> Edit HTML
- Now Find ]]></b:skin> ( Press Ctrl+F button from keyboard to find)
- Copy and Paste The Following Code Above ]]></b:skin>
/--------BLOGGERPLANET.COM —————- */
.label-size{
margin:0;
padding:0;
position:relative;
}
.label-size a{
float:left;
height:18px;
line-height:18px;
position:relative;
font:14px verdana;
margin-bottom: 9px;
margin-left:10px;
padding:10px;
-webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
-moz-box-shadow: inset 0 1px 0 0 #96ca6d;
box-shadow: inset 0 1px 0 0 #96ca6d;
background-color: #7fbf4d;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
background-image: linear-gradient(top, #7fbf4d, #63a62f);
border: 1px solid #63a62f;
border-bottom: 1px solid #5b992b;
color:#fff;
text-decoration:none;
border-bottom-right-radius: 30px;
border-top-left-radius: 30px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.label-size a:hover
{
text-shadow:5px 5px 5px #dcdcdc;
background:orange;
border:1px solid orange;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 30px;
border-top-right-radius: 30px;
}
Costimization:
Font-size: 14px; = This is the Font Size of Labels/Tags that is displayed on your blogger. You can easily customize its font with your own choice.Color: #7fbf4d; = This will change the Text Color of Labels/Tags that is displayed on your blogger. You can easily customize its font with your own choice. You may generate colors from HEX wheel color generator or use our HTML color generator tool to generate color codes own your desires.
If you have any doubt in your mind, you may ask via comments or contact form.
DON'T FORGET TO "SUBSCRIBE" or"LIKE" FOR FURTHER UPDATES
Post a Comment