Blogger Planet: LABELS

Top 12 Trending Labels Widgets Collection for Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuAB53cleOlwlORmvAqhyF9q_oTv2ncPJCxKcSVnQG5xglojMAIS1Meok2MtUXdbfzTSey-X-Iv7D5qUxRLtwxCxt5Ydd9xZdZfLpe-dPxlU8Bp4G_693OektKwLCPp73PYck6xFKsoamO/s1600/image%5B27%5D.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Top 12 Trending CSS Labels Cloud  Widgets Collection for Blogger" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuAB53cleOlwlORmvAqhyF9q_oTv2ncPJCxKcSVnQG5xglojMAIS1Meok2MtUXdbfzTSey-X-Iv7D5qUxRLtwxCxt5Ydd9xZdZfLpe-dPxlU8Bp4G_693OektKwLCPp73PYck6xFKsoamO/s1600/image%5B27%5D.png" title="Top 12 Trending CSS Labels Cloud  Widgets Collection for Blogger" width="200" /></a></div>
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.<br />
<br />
So how can the use of proper labels help your blog in search ?<br />
<br />
 There are a number of ways not least the labels pages.When you click on a label and are presented with a list of posts using that label the list of posts are on a 'Label Page'.This page of course has it's own URL and so is another page of your blog.Another page for readers to view and increase page views but also another page for Search Engines to crawl.Each label page will be crawled and indexed by Google and the other main search engines and in some cases a popular label page can rank quiet high in search results.<br />
<br />
<b>How to Choose correct labels?</b><br />
<br />
Decide at most 10-20 labels for your entire blog and always link new posts to them. Take an example of labels used by Blogger Planet blog. Since I frequently write on widgets, templates, blogging tips and SEO tips therefore I have chosen these keywords for letting my users know what categories do the blog offers for healthy reading. You can take an idea by looking at all keywords I used in my label cloud.<br />
<br />
<br />
<br />
<h3 style="text-align: left;">
<a href="http://www.bloggerplanet.com/2014/10/stylish-colorful-css3-labels-widget-blogger.html" target="_blank"><STYLE.1></a></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkZw6iN_xU3uGYOLp01QWsBFc5a2BXwmFpeM967ph248tbFrrLatEFUqMsNo33eUFdknr4Tx2VPAIGWrYAO4XzBNQVP_IwQtC1fG8t8xQBCP3kPcmhVbTvh9O3kUhUQy3vroj3m86Y1-k_/s1600/222.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="labels widget blogger" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkZw6iN_xU3uGYOLp01QWsBFc5a2BXwmFpeM967ph248tbFrrLatEFUqMsNo33eUFdknr4Tx2VPAIGWrYAO4XzBNQVP_IwQtC1fG8t8xQBCP3kPcmhVbTvh9O3kUhUQy3vroj3m86Y1-k_/s1600/222.jpg" title="labels widget blogger" width="320" /></a></div>
<br />
<h2 style="text-align: center;">
<span style="font-size: small;"><a href="http://www.bloggerplanet.com/2014/10/stylish-colorful-css3-labels-widget-blogger.html" target="_blank">Stylish Colorful CSS3 Animated Labels Widget with Count For Blogger</a></span></h2>
<br />
<div style="text-align: center;">
<b><a class="btnlink2" href="http://www.bloggerplanet.com/2014/10/stylish-colorful-css3-labels-widget-blogger.html" target="_blank">INSTALL</a> </b><br />
<b><br /></b>
<b><br /></b>
<b><br /></b></div>
<h3 style="text-align: left;">
<a href="http://www.bloggerplanet.com/2014/10/stylish-colorful-flat-label-cloud-css-widget-for-blogger.html" target="_blank"><STYLE.2></a></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYAqmmNZuHz103Fz6oULC2PF33FE82QxdsdnKQ5do02D4Fmef2nT-THD1kBjnj4NnlEHGYKumw4UC4lggSu3sB4WTX5kbkeAt73xkKogLjKVJDQ_tN2jxmraCBOyhNwesHvgWjINqi5gGo/s1600/9999.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="labels widget blogger" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYAqmmNZuHz103Fz6oULC2PF33FE82QxdsdnKQ5do02D4Fmef2nT-THD1kBjnj4NnlEHGYKumw4UC4lggSu3sB4WTX5kbkeAt73xkKogLjKVJDQ_tN2jxmraCBOyhNwesHvgWjINqi5gGo/s1600/9999.jpg" title="labels widget blogger" width="320" /></a></div>
<br />
<br />
<div style="text-align: center;">
<b><a href="http://www.bloggerplanet.com/2014/10/stylish-colorful-flat-label-cloud-css-widget-for-blogger.html" target="_blank">Stylish Colorful Flat Label Cloud CSS Widget For Blogger</a></b></div>
<br />
<br />
<div style="text-align: center;">
<b><a class="btnlink2" href="http://www.bloggerplanet.com/2014/10/stylish-colorful-flat-label-cloud-css-widget-for-blogger.html" target="_blank">INSTALL</a></b>
<br />
<br />
<br />
<br /></div>
<h3 style="text-align: left;">
<a href="http://www.bloggerplanet.com/2014/10/add-colourfull-labels-cloud-widget-blogger.html" target="_blank"><STYLE.3></a></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieE2uEw76-RNusPy6a_h4MZ_k7TVt0XGN74wdyCb1MpRI1J94fBF2gxV8Bf5PI4hhSlUKn8IjECekHZNtdUhTl5hU0w2jU47vmGbPk2kgnjTepf8YmaF08uCVCkmaoGeQkGDQg_UJozIFk/s1600/cloud+labels.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="labels widget blogger" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieE2uEw76-RNusPy6a_h4MZ_k7TVt0XGN74wdyCb1MpRI1J94fBF2gxV8Bf5PI4hhSlUKn8IjECekHZNtdUhTl5hU0w2jU47vmGbPk2kgnjTepf8YmaF08uCVCkmaoGeQkGDQg_UJozIFk/s1600/cloud+labels.jpg" title="labels widget blogger" width="318" /></a></div>
<br />
<br />
<br />
<div style="text-align: center;">
<b><a href="http://www.bloggerplanet.com/2014/10/add-colourfull-labels-cloud-widget-blogger.html" target="_blank">Add Colorful Stylish CSS Labels Cloud Widget to Blogger</a></b></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<b><a class="btnlink2" href="http://www.bloggerplanet.com/2014/10/add-colourfull-labels-cloud-widget-blogger.html" target="_blank">INSTALL</a></b>
<br />
<br />
<br />
<br />
<br /></div>
<br />
<h3 style="text-align: left;">
<a href="http://www.bloggerplanet.com/2014/10/add-css3-costom-style-labels-widget-blogger.html" target="_blank"><STYLE.4></a></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh65mjXK8TmlfGtHvFvH1UEjZLkGaQwK3SFjfUdvGjAnsT_ZItFVUC8TaCGFtanhyphenhyphen5MffAhemY49D9caZtjwDdCWL_PF3KaZwswA1yCJ5C9m5D4HWcahuZrWx-yH-ylMUdvnJWdTmhm5g16/s1600/l.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="labels widget blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh65mjXK8TmlfGtHvFvH1UEjZLkGaQwK3SFjfUdvGjAnsT_ZItFVUC8TaCGFtanhyphenhyphen5MffAhemY49D9caZtjwDdCWL_PF3KaZwswA1yCJ5C9m5D4HWcahuZrWx-yH-ylMUdvnJWdTmhm5g16/s1600/l.PNG" title="labels widget blogger" /></a></div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<b><a href="http://www.bloggerplanet.com/2014/10/add-css3-costom-style-labels-widget-blogger.html" target="_blank">ADD CSS3 TAG STYLE CUSTOM LABELS WIDGET TO BLOGGER</a></b></div>
<br />
<br />
<br />
<div style="text-align: center;">
<b><a class="btnlink2" href="http://www.bloggerplanet.com/2014/10/add-css3-costom-style-labels-widget-blogger.html" target="_blank">INSTALL</a></b>
<br />
<br />
<br />
<br />
<br /></div>
<br />
<h3>
<a href="http://www.bloggerplanet.com/2014/10/add-customize-animated-css-labels-widget-blogger.html" target="_blank"><STYLE.5></a></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRtSwXhhuVmFqMdyl4mHEw2ZFYPFPC8__XCHL-qLUZj6ODb3zw5WvO0szHFtQUtUp2a6_rBOoBcWtUUDz4GSvWLs0IgQhI5yvEbJQC1TVqETn_t9mhnU7ZDkWJttBFPlaGVsBl1GaFb3Om/s1600/LABLES1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="labels widget blogger" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRtSwXhhuVmFqMdyl4mHEw2ZFYPFPC8__XCHL-qLUZj6ODb3zw5WvO0szHFtQUtUp2a6_rBOoBcWtUUDz4GSvWLs0IgQhI5yvEbJQC1TVqETn_t9mhnU7ZDkWJttBFPlaGVsBl1GaFb3Om/s1600/LABLES1.jpg" title="labels widget blogger" width="320" /></a></div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<b><a href="http://www.bloggerplanet.com/2014/10/add-customize-animated-css-labels-widget-blogger.html" target="_blank">Add Customize Animated Labels Cloud Widget in Blogger (CSS)</a></b></div>
<br />
<br />
<br />
<div style="text-align: center;">
<b><a class="btnlink2" href="http://www.bloggerplanet.com/2014/10/add-customize-animated-css-labels-widget-blogger.html" target="_blank">INSTALL</a></b>
<br />
<br />
<br />
<br />
<br /></div>
<br />
<h3>
<a href="http://www.bloggerplanet.com/2014/10/leaf-style-animated-cloud-css-labels-widget-blogger.html" target="_blank"><STYLE.6></a></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4uS6nMu5y8xwVyR8sP9r2AVdz9XHmtPBbzDtOPJRVJaSMlzS1BjTYxbvN2l1YZyjXZphXeIC8iD-J73BXLlNKyy9kR5Ea6GOMpzmPzDtKQUvmltBCgtKyYDr9Zm8qwakM971jVmE2JgiV/s1600/leaf.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="labels widget blogger" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4uS6nMu5y8xwVyR8sP9r2AVdz9XHmtPBbzDtOPJRVJaSMlzS1BjTYxbvN2l1YZyjXZphXeIC8iD-J73BXLlNKyy9kR5Ea6GOMpzmPzDtKQUvmltBCgtKyYDr9Zm8qwakM971jVmE2JgiV/s1600/leaf.jpg" title="labels widget blogger" width="320" /></a></div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<b><a href="http://www.bloggerplanet.com/2014/10/leaf-style-animated-cloud-css-labels-widget-blogger.html" target="_blank">Add Leaf Style Animated Labels Widget in Blogger</a></b></div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<b><a class="btnlink2" href="http://www.bloggerplanet.com/2014/10/leaf-style-animated-cloud-css-labels-widget-blogger.html" target="_blank">INSTALL</a></b>
<br />
<br />
<br />
<br /></div>
<br />
<h3>
<a href="http://www.bloggerplanet.com/2014/10/add-simple-css-labels-cloud-widget-in-blogger.html" target="_blank"><STYLE.7></a></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTyU1zYXL7u39hnetVvtpz7J2CkT1jMDyGluLRzCXub_g8K05EKWCspmdbmodXLKbhYin85jLYI1Zy5DDc__uiZbB3BK4b7WciEEZjjkj4J5oICRjCaMR7TwW3IQWgKwB94DHmAt9LVTuv/s1600/LLL.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="labels widget blogger" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTyU1zYXL7u39hnetVvtpz7J2CkT1jMDyGluLRzCXub_g8K05EKWCspmdbmodXLKbhYin85jLYI1Zy5DDc__uiZbB3BK4b7WciEEZjjkj4J5oICRjCaMR7TwW3IQWgKwB94DHmAt9LVTuv/s1600/LLL.PNG" title="labels widget blogger" width="320" /></a></div>
<br />
<br />
<br />
<div style="text-align: center;">
<b><a href="http://www.bloggerplanet.com/2014/10/add-simple-css-labels-cloud-widget-in-blogger.html" target="_blank">Add Simple CSS Labels Cloud Widget in Blogger</a></b></div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<b><a class="btnlink2" href="http://www.bloggerplanet.com/2014/10/add-simple-css-labels-cloud-widget-in-blogger.html" target="_blank">INSTALL</a></b>
<br />
<br /></div>
<b style="text-align: center;"><br /></b>
<b style="text-align: center;"><br /></b>
<b style="text-align: center;"><br /></b>
<br />
<h3>
<a href="http://www.bloggerplanet.com/2014/10/add-button-style-labels-cloud-css-widget-blogger.html" target="_blank"><STYLE.8></a></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoGCaWaHwbCY2loJFw3UMpMmZTqI88Uh7FXOzziGFiuq-B3K3SSrDIVSVD1ZcF20xm_0XMAUtqOjDR2kjMciRhYReHFo0CNnum4sTH1HW56qRxIpi1uyx08chJwww6cx6OL3dLjJ-8T08F/s1600/mithun+butt.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="labels widget blogger" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoGCaWaHwbCY2loJFw3UMpMmZTqI88Uh7FXOzziGFiuq-B3K3SSrDIVSVD1ZcF20xm_0XMAUtqOjDR2kjMciRhYReHFo0CNnum4sTH1HW56qRxIpi1uyx08chJwww6cx6OL3dLjJ-8T08F/s1600/mithun+butt.jpg" title="labels widget blogger" width="320" /></a></div>
<br />
<br />
<br />
<div style="text-align: center;">
<b><a href="http://www.bloggerplanet.com/2014/10/add-button-style-labels-cloud-css-widget-blogger.html" target="_blank">Add Button Style Labels Cloud CSS Widget for Blogger </a></b></div>
<br />
<br />
<br />
<div style="text-align: center;">
<b><a class="btnlink2" href="http://www.bloggerplanet.com/2014/10/add-button-style-labels-cloud-css-widget-blogger.html" target="_blank">INSTALL</a></b>
<br />
<br />
<br />
<br /></div>
<br />
<h3>
<a href="http://www.bloggerplanet.com/2014/10/add-glossy-pills-style-label-cloud-widget-blogger.html" target="_blank"><STYLE.9></a></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEJ8DTOO86PglCSKjKh98ngTy2uWoUj_c8l9XmK1epa9yXe6MYiKRfvsTERbXULidYZ6m8I4Np4ZaL8qehaSNaoaAWBggPbjw5OXS24XfrKG8wfqxQL-5eQh4EZQ28e2-lwEZvnu6QAkt6/s1600/Untitled%5B3%5D.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="labels widget blogger" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEJ8DTOO86PglCSKjKh98ngTy2uWoUj_c8l9XmK1epa9yXe6MYiKRfvsTERbXULidYZ6m8I4Np4ZaL8qehaSNaoaAWBggPbjw5OXS24XfrKG8wfqxQL-5eQh4EZQ28e2-lwEZvnu6QAkt6/s1600/Untitled%5B3%5D.jpg" title="labels widget blogger" width="320" /></a></div>
<br />
<br />
<br />
<div style="text-align: center;">
<b><a href="http://www.bloggerplanet.com/2014/10/add-glossy-pills-style-label-cloud-widget-blogger.html" target="_blank">Add Glossy Pills Style Label Cloud Widget for Blogger (CSS)</a></b></div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<b><a class="btnlink2" href="http://www.bloggerplanet.com/2014/10/add-glossy-pills-style-label-cloud-widget-blogger.html" target="_blank">INSTALL</a></b>
<br />
<br />
<br />
<br /></div>
<br />
<h3>
<a href="http://www.bloggerplanet.com/2014/10/add-animated-style-white-labels-css-widget-blogger.html" target="_blank"><STYLE.10></a></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc0MtdQuc0W-8fqab6REaV4V0h63Yhg1aJjFQDCkOtoN4OTInbYeWIQ_TesG242poMWhC8JoXwK4m5SUp7MmzQspg62hzS10ttStoN6uhPLGt_TfiR9cTFcekEmASMqooyWyTcsRWlgWZb/s1600/Untitled%5B6%5D.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="labels widget blogger" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc0MtdQuc0W-8fqab6REaV4V0h63Yhg1aJjFQDCkOtoN4OTInbYeWIQ_TesG242poMWhC8JoXwK4m5SUp7MmzQspg62hzS10ttStoN6uhPLGt_TfiR9cTFcekEmASMqooyWyTcsRWlgWZb/s1600/Untitled%5B6%5D.jpg" title="labels widget blogger" width="320" /></a></div>
<br />
<br />
<br />
<div style="text-align: center;">
<b><a href="http://www.bloggerplanet.com/2014/10/add-animated-style-white-labels-css-widget-blogger.html" target="_blank">Add Simple CSS Labels Cloud Widget in Blogger</a></b></div>
<br />
<br />
<br />
<div style="text-align: center;">
<b><a class="btnlink2" href="http://www.bloggerplanet.com/2014/10/add-animated-style-white-labels-css-widget-blogger.html" target="_blank">INSTALL</a></b>
<br />
<br />
<br />
<br /></div>
<br />
<h3>
<a href="http://www.bloggerplanet.com/2014/10/stylish-animated-style-labels-widgets-for-blogger.html" target="_blank"><STYLE.11></a></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8VWB5MPQWgZBZrfCcXvPoVX7wRvySDTrA_D8Sx6ZcPbMgkhRgAynANylHwmdhROqcf6u3ac5p3u-iqbibrR1PrwKAfZnIi6zXWkkNXG6F9rQx_5il317X7m_3MKywBvCZYWZGhHWlKJPQ/s1600/Untitled%5B9%5D.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="labels widget blogger" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8VWB5MPQWgZBZrfCcXvPoVX7wRvySDTrA_D8Sx6ZcPbMgkhRgAynANylHwmdhROqcf6u3ac5p3u-iqbibrR1PrwKAfZnIi6zXWkkNXG6F9rQx_5il317X7m_3MKywBvCZYWZGhHWlKJPQ/s1600/Untitled%5B9%5D.jpg" title="labels widget blogger" width="319" /></a></div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<b><a href="http://www.bloggerplanet.com/2014/10/stylish-animated-style-labels-widgets-for-blogger.html" target="_blank">Stylish Animated Border Style Labels Widget for Blogger (CSS)</a></b></div>
<br />
<br />
<div style="text-align: center;">
<b><a class="btnlink2" href="http://www.bloggerplanet.com/2014/10/stylish-animated-style-labels-widgets-for-blogger.html" target="_blank">INSTALL</a></b>
<br />
<br />
<br />
<br /></div>
<br />
<h3>
<a href="http://www.bloggerplanet.com/2014/10/stylish-yellow-customized-labels-widget-for-blogger.html" target="_blank"><STYLE.12></a></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrqJxTk4uDe5pD1LhfVTwSyEssy-bUjxQIOSGM9ABhT7aV-sla_Upv6qzk07xukL0ao69ojRo6Bog7Q1SvJVni6cENvlzeMnjxI6dPRZQOf_2m6syzd101iAUzS2D-K56IR5NCsslPmj5R/s1600/yellow-customized-labels1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="labels widget blogger" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrqJxTk4uDe5pD1LhfVTwSyEssy-bUjxQIOSGM9ABhT7aV-sla_Upv6qzk07xukL0ao69ojRo6Bog7Q1SvJVni6cENvlzeMnjxI6dPRZQOf_2m6syzd101iAUzS2D-K56IR5NCsslPmj5R/s1600/yellow-customized-labels1.jpg" title="labels widget blogger" width="320" /></a></div>
<br />
<br />
<br />
<div style="text-align: center;">
<b><a href="http://www.bloggerplanet.com/2014/10/stylish-yellow-customized-labels-widget-for-blogger.html" target="_blank">Stylish Yellow Customized Labels Widget for Blogger</a></b></div>
<br />
<br />
<br />
<div style="text-align: center;">
<a class="btnlink2" href="http://www.bloggerplanet.com/2014/10/stylish-yellow-customized-labels-widget-for-blogger.html" target="_blank"><b>INSTALL</b></a>
</div>
<br />
<br />
If you have any doubt in your mind, you may ask via comments or contact form.<br />
<br />
DON'T FORGET TO "<b>SUBSCRIBE</b>" or"<b>LIKE</b>" FOR FURTHER UPDATES<br />
<br />
<style>.btnlink2 {
-moz-box-shadow: 0px 1px 0px 0px #fff6af;
-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
box-shadow: 0px 1px 0px 0px #fff6af;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1,
#ffab23));
background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64',
endColorstr='#ffab23',GradientType=0);
background-color:#ffec64;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #ffaa22;
display:inline-block;
cursor:pointer;
color:#333333;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #ffee66;
}
.btnlink2:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1,
#ffec64));
background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23',
endColorstr='#ffec64',GradientType=0);
background-color:#ffab23;
}
.btnlink2:active {
position:relative;
top:1px;
}</style>
</div>

BLOGGER WIDGETS LABELS Top 12 Trending Labels Widgets Collection for Blogger

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 tho...

Add Simple CSS Labels Cloud Widget in Blogger

3:57 PM mithun 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBosJ-Vu8xboVfxsfx3ahkce9Mk7LcL8I70PpwHou3vj6_9M-oFLfGWVKRQRD5Oc44qjhIV_3pUFl23tHTUM_DxVCUq2RYZRsdFI6EadbWEVCWf-lwxudntU8fZWqv2w0UOtvxeUCQnAXt/s1600/LLL.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Add Simple CSS Labels Cloud Widget in Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBosJ-Vu8xboVfxsfx3ahkce9Mk7LcL8I70PpwHou3vj6_9M-oFLfGWVKRQRD5Oc44qjhIV_3pUFl23tHTUM_DxVCUq2RYZRsdFI6EadbWEVCWf-lwxudntU8fZWqv2w0UOtvxeUCQnAXt/s1600/LLL.PNG" title="Add Simple CSS Labels Cloud Widget in Blogger" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both;">
<b>Read more:</b> <a href="http://www.bloggerplanet.com/2014/10/how-navigation-labels-improve-seo-for-websites-blogs-blogger.html" target="_blank">How Labels and Tags Improve SEO for Websites or Blogs</a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<b>Read more:</b> <a href="http://www.bloggerplanet.com/2014/10/top-12-trending-css-labels-widgets-for-blogger.html" target="_blank">Top 12 Trending CSS Labels Cloud Widgets Collections</a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div style="text-align: center;">
<a class="btnlink2" href="http://demo1testmybloggercode.blogspot.in/" rel="nofollow" target="_blank"><b>LIVE DEMO</b></a>
</div>
<br />
<b><br /></b>
<b><br /></b>
<b>Tested in></b> Firefox 4, Safari 4, Chrome 13, Opera 10, IE 8<br />
<h3 style="text-align: left;">
How to Add Labels Widget in Blogger</h3>
<ul style="text-align: left;">
<li>Go to<b> Blogger >> Layout>>Add Gaget</b></li>
<li>Choose “<b>Labels</b>” Widget.</li>
<li>Change Settings Like The Image Below</li>
</ul>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1rFngtW3ccAo98GOaal62coBjPWYskqUdLjfEZAOmAVSdl6R0fkzcUrBgIJZdeQhIr43j3SIcd1rfiMQq1pmcV6fdpTmIOypnZ7UPU_9iOzl60Xbv-uGTrOAV5BlZ2JCsvfpGHwJwnNxD/s1600/Adding-Labels-Cloud-Widget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Add Simple CSS Labels Cloud Widget in Blogger" border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1rFngtW3ccAo98GOaal62coBjPWYskqUdLjfEZAOmAVSdl6R0fkzcUrBgIJZdeQhIr43j3SIcd1rfiMQq1pmcV6fdpTmIOypnZ7UPU_9iOzl60Xbv-uGTrOAV5BlZ2JCsvfpGHwJwnNxD/s1600/Adding-Labels-Cloud-Widget.png" title="" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<br />
<ul style="text-align: left;">
<li>Go to <b>Blogger >> Template >> Edit HTML</b></li>
<li>Now Find <b>]]></b:skin> </b>( Press Ctrl+F button from keyboard to find)</li>
<li>Copy and Paste The Following Code Above <b>]]></b:skin></b></li>
</ul>
<br />
<div style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8s10ma6RLnPAX-DRoctfVQBYRIouEyiaH3NKr5uxMZFUESW6VaOEanQFvlMQgS1N_S0BLh9yd89GnYxkr95a2DhKfZ4AOyjvgEz_ix-pMqfeQgx0FX1l7NwQXM7-PaegH5BucurMBXdbz/s1600/MITHUN111.png); padding: 10px;">
<blockquote class="tr_bq">
<div style="color: black;">
<br /></div>
<span style="color: white;">/--------BLOGGERPLANET.COM —————- */</span><br />
<span style="color: white;">.Label a{</span><br />
<span style="color: white;">padding-left:20px;</span><br />
<span style="color: white;">background:#365B84;</span><br />
<span style="color: white;">padding:0 20px;</span><br />
<span style="color: white;">color:#fff!important;</span><br />
<span style="color: white;">border-radius:5px;</span><br />
<span style="color: white;">-moz-border-radius:100px;</span><br />
<span style="color: white;">height:25px;</span><br />
<span style="color: white;">line-height:25px;</span><br />
<span style="color: white;">text-transform:uppercase;</span><br />
<span style="color: white;">text-decoration:none;</span><br />
<span style="color: white;">border:none !important;</span><br />
<span style="color: white;">-webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;</span><br />
<span style="color: white;">float:left;</span><br />
<span style="color: white;">margin-left:5px;</span><br />
<span style="color: white;">margin-top:5px;</span><br />
<span style="color: white;">font-size:11px;</span><br />
<span style="color: white;">text-decoration:none !important;</span><br />
<span style="color: white;">font-family: 'Oswald', Arial, Helvetica, sans-serif !important;</span><br />
<span style="color: white;">letter-spacing: 1px; }</span><br />
<span style="color: white;">.Label a:hover{</span><br />
<span style="color: white;">color:#365B84 !important;</span><br />
<span style="color: white;">background:#ff0; }</span></blockquote>
</div>
<h3 style="text-align: left;">
Costimization:</h3>
<b>Font-size: 11px; </b>= This is the Font Size of Labels/Tags that is displayed on your blogger. You can easily customize its font with your own choice.<br />
<br />
<b>Color: #365B84;</b> = 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.<br />
<br />
If you have any doubt in your mind, you may ask via comments or contact form.<br />
<br />
DON'T FORGET TO "<b>SUBSCRIBE</b>" or"<b>LIKE</b>" FOR FURTHER UPDATES<br />
<br />
<br />
<b>TAGS:></b><br />
label widget for ,blogger label widget,free custom labels,colorful labels,label widget for ,blogger label widget,free custom labels,colorful labels,label widget for blogger, label widget,free custom labels,colorful labels,<br />
<div>
<br /></div>
<div>
<br /></div>
<br />
<style>.btnlink2 {
-moz-box-shadow: 0px 1px 0px 0px #fff6af;
-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
box-shadow: 0px 1px 0px 0px #fff6af;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1,
#ffab23));
background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64',
endColorstr='#ffab23',GradientType=0);
background-color:#ffec64;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #ffaa22;
display:inline-block;
cursor:pointer;
color:#333333;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #ffee66;
}
.btnlink2:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1,
#ffec64));
background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23',
endColorstr='#ffec64',GradientType=0);
background-color:#ffab23;
}
.btnlink2:active {
position:relative;
top:1px;
}</style>
</div>

BLOGGER WIDGETS LABELS Add Simple CSS Labels Cloud Widget in Blogger

Read more: How Labels and Tags Improve SEO for Websites or Blogs Read more: Top 12 Trending CSS Labels Cloud Widgets Collect...

Add Animated White Labels Widget in Blogger

3:37 PM mithun 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg75OFCbW662J0OdeVDBD-M-r1-mL3XULiE8QqHYdcCZpP-KB-ZapqG-qvacKvmHgxpkIUyFG3U8rfr51Yp9I5fGL8GHP59OMGMnv1eQYYIeW7wtD07cUU-AS7Ma5KrmyiuHnRLHjfIYcMv/s1600/Untitled%5B6%5D.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt=" Add Animated Style White Labels CSS Widget in Blogger" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg75OFCbW662J0OdeVDBD-M-r1-mL3XULiE8QqHYdcCZpP-KB-ZapqG-qvacKvmHgxpkIUyFG3U8rfr51Yp9I5fGL8GHP59OMGMnv1eQYYIeW7wtD07cUU-AS7Ma5KrmyiuHnRLHjfIYcMv/s1600/Untitled%5B6%5D.jpg" title=" Add Animated Style White Labels CSS Widget in Blogger" width="320" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNH3wP7WmsP6rLPqmgpimqv_O0lotVeryLW0NA7PZh0xg944D1yyhfeUAXaXt9Xnz0PbCUppQu-eWTbai8S-Z6nGB9lxmxAIJ11O9Eq_DucgcGvpdYXJVHjwcXANLdKx9l9bG6HF1T9MyH/s1600/Untitled%5B6%5D.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Labels CSS Widget" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNH3wP7WmsP6rLPqmgpimqv_O0lotVeryLW0NA7PZh0xg944D1yyhfeUAXaXt9Xnz0PbCUppQu-eWTbai8S-Z6nGB9lxmxAIJ11O9Eq_DucgcGvpdYXJVHjwcXANLdKx9l9bG6HF1T9MyH/s1600/Untitled%5B6%5D.jpg" title="Labels CSS Widget" width="294" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<a class="btnlink2" href="http://demo1testmybloggercode.blogspot.in/" rel="nofollow" target="_blank"><b>LIVE DEMO</b></a>
</div>
<b><br /></b>
<b><br /></b>
<b><br /></b>
<b><br /></b>
<b>How Navigation Labels Improve SEO</b><br />
<br />
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.<br />
<div>
<h4 style="text-align: left;">
How to Choose correct labels?</h4>
<div>
Decide at most 10-20 labels for your entire blog and always link new posts to them. Take an example of labels used by Blogger Planet blog. Since I frequently write on widgets, templates, blogging tips and SEO tips therefore I have chosen these keywords for letting my users know what categories do the blog offers for healthy reading. You can take an idea by looking at all keywords I used in my label cloud.</div>
</div>
<div>
<br />
<div class="separator" style="clear: both;">
<b>Read more:</b> <a href="http://www.bloggerplanet.com/2014/10/how-navigation-labels-improve-seo-for-websites-blogs-blogger.html" target="_blank">How Labels and Tags Improve SEO for Websites or Blogs</a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<b>Read more:</b> <a href="http://www.bloggerplanet.com/2014/10/top-12-trending-css-labels-widgets-for-blogger.html" target="_blank">Top 12 Trending CSS Labels Cloud Widgets Collections</a></div>
<div>
<br /></div>
<br /></div>
<b>Tested in></b> Firefox 4, Safari 4, Chrome 13, Opera 10, IE 8<br />
<h3 style="text-align: left;">
How to Add Animated Style Labels Widget in Blogger</h3>
<ul style="text-align: left;">
<li>Go to <b>Blogger >> Layout>>Add Gaget</b></li>
<li>Choose “<b>Labels</b>” Widget.</li>
<li>Change Settings Like The Image Below </li>
</ul>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1rFngtW3ccAo98GOaal62coBjPWYskqUdLjfEZAOmAVSdl6R0fkzcUrBgIJZdeQhIr43j3SIcd1rfiMQq1pmcV6fdpTmIOypnZ7UPU_9iOzl60Xbv-uGTrOAV5BlZ2JCsvfpGHwJwnNxD/s1600/Adding-Labels-Cloud-Widget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Labels CSS Widget" border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1rFngtW3ccAo98GOaal62coBjPWYskqUdLjfEZAOmAVSdl6R0fkzcUrBgIJZdeQhIr43j3SIcd1rfiMQq1pmcV6fdpTmIOypnZ7UPU_9iOzl60Xbv-uGTrOAV5BlZ2JCsvfpGHwJwnNxD/s1600/Adding-Labels-Cloud-Widget.png" title="Labels CSS Widget" width="320" /></a></div>
<br />
<br />
<ul style="text-align: left;">
<li>Go to <b>Blogger >> Template >> Edit HTML</b></li>
<li>Now Find <b>]]></b:skin></b> ( Press Ctrl+F button from keyboard to find)</li>
<li>Copy and Paste The Following Code Above <b>]]></b:skin></b></li>
</ul>
<br />
<br />
<div style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8s10ma6RLnPAX-DRoctfVQBYRIouEyiaH3NKr5uxMZFUESW6VaOEanQFvlMQgS1N_S0BLh9yd89GnYxkr95a2DhKfZ4AOyjvgEz_ix-pMqfeQgx0FX1l7NwQXM7-PaegH5BucurMBXdbz/s1600/MITHUN111.png); padding: 10px;">
<blockquote class="tr_bq">
<span style="color: white;">/--------BLOGGERPLANET.COM —————- */</span><br />
<span style="color: white;">.label-size{</span><br />
<span style="color: white;"> margin:0;</span><br />
<span style="color: white;"> padding:0;</span><br />
<span style="color: white;"> position:relative;</span><br />
<span style="color: white;"> }</span><br />
<span style="color: white;"> .label-size a{</span><br />
<span style="color: white;">text-decoration:none;</span><br />
<span style="color: white;"> float:left;</span><br />
<span style="color: white;"> height:18px;</span><br />
<span style="color: white;"> line-height:18px;</span><br />
<span style="color: white;"> position:relative;</span><br />
<span style="color: white;"> margin-bottom: 9px;</span><br />
<span style="color: white;"> margin-left:10px;</span><br />
<span style="color: white;"> padding:10px;</span><br />
<span style="color: white;">  background-color: #eeeeee;</span><br />
<span style="color: white;">  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));</span><br />
<span style="color: white;">  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);</span><br />
<span style="color: white;">  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);</span><br />
<span style="color: white;">  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);</span><br />
<span style="color: white;">  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);</span><br />
<span style="color: white;">  background-image: linear-gradient(top, #eeeeee, #cccccc);</span><br />
<span style="color: white;">  border: 1px solid #ccc;</span><br />
<span style="color: white;">  border-bottom: 1px solid #bbb;</span><br />
<span style="color: white;">  -webkit-border-radius: 3px;</span><br />
<span style="color: white;">  -moz-border-radius: 3px;</span><br />
<span style="color: white;">  border-radius: 3px;</span><br />
<span style="color: white;">  color: #333;</span><br />
<span style="color: white;">  font: bold 12px verdana;</span><br />
<span style="color: white;">    text-align: center;</span><br />
<span style="color: white;">  text-shadow: 0 1px 0 #eee;</span><br />
<span style="color: white;">  }</span><br />
<span style="color: white;">  .label-size a:hover {</span><br />
<span style="color: white;">    background-color: #dddddd;</span><br />
<span style="color: white;">    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));</span><br />
<span style="color: white;">    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);</span><br />
<span style="color: white;">    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);</span><br />
<span style="color: white;">    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);</span><br />
<span style="color: white;">    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);</span><br />
<span style="color: white;">    background-image: linear-gradient(top, #dddddd, #bbbbbb);</span><br />
<span style="color: white;">    border: 1px solid #bbb;</span><br />
<span style="color: white;">    border-bottom: 1px solid #999;</span><br />
<span style="color: white;">        text-shadow: 0 1px 0 #ddd; }</span><br />
<span style="color: white;">  button.clean-gray:active {</span><br />
<span style="color: white;">    border: 1px solid #aaa;</span><br />
<span style="color: white;">    border-bottom: 1px solid #888;</span><br />
<span style="color: white;">    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;</span><br />
<span style="color: white;">    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;</span><br />
<span style="color: white;">    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }</span></blockquote>
</div>
<br />
<h3 style="text-align: left;">
Costimization:</h3>
<b>Font-size: bold 12px;</b> = This is the Font Size of Labels/Tags that is displayed on your blog You can easily customize its font with your own choice.<br />
<br />
<b>Color: #eeeeee; </b>= 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.<br />
<br />
If you have any doubt in your mind, you may ask via comments or contact form.<br />
<br />
DON'T FORGET TO "<b>SUBSCRIBE</b>" or"<b>LIKE</b>" FOR FURTHER UPDATES<br />
<br />
<b>TAGS:></b><br />
label widget for blogger,blogger label widget,free custom labels,colorful labels,label widget for blogger,blogger label widget,free custom labels,colorful labels,label widget for , label widget,free custom labels,colorful labels,label widget for ,blogger label widget,free custom labels,colorful labels,label widget for ,blogger label widget,free custom labels,colorful labels,label widget for ,blogger label widget,free custom labels,colorful labels,<br />
<style>.btnlink2 {
-moz-box-shadow: 0px 1px 0px 0px #fff6af;
-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
box-shadow: 0px 1px 0px 0px #fff6af;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1,
#ffab23));
background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64',
endColorstr='#ffab23',GradientType=0);
background-color:#ffec64;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #ffaa22;
display:inline-block;
cursor:pointer;
color:#333333;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #ffee66;
}
.btnlink2:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1,
#ffec64));
background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23',
endColorstr='#ffec64',GradientType=0);
background-color:#ffab23;
}
.btnlink2:active {
position:relative;
top:1px;
}</style>
</div>

BLOGGER WIDGETS LABELS Add Animated White Labels Widget in Blogger

LIVE DEMO How Navigation Labels Improve SEO If you think of your website as a map, navigation labels name the streets, fe...

Add Glossy Pills Style Label Cloud Widget for Blogger (CSS)

1:20 PM mithun 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<h4 style="text-align: left;">
</h4>
<h4 style="text-align: left;">
</h4>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK6dbAx4O357TVu67KrcFmSe7QQW6J57QroWiyzkxw5nJivbb8Q_ks4IipBcEZ9YIMIIE0eO9-sIpHsQkgSnuxW5riN6CXK8D9cE5gs0wMPbgeQeB2FVLrP6rDJuvWtK8qXLLnOL-QIBBH/s1600/Untitled%5B3%5D.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidUm73fj69tXzgt54HxAmeEoQOld0WhIyz-78wEzSck8yMlZwi6ZYbHTg1HDdgoRKNLKqpJXRqllYoL5W_hLnTNmCVNS3Y-n5agr35ANDxbySoTI9sWvsJU0ZcRpwnAYolmqwZviHJELFr/s1600/Untitled%5B3%5D.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidUm73fj69tXzgt54HxAmeEoQOld0WhIyz-78wEzSck8yMlZwi6ZYbHTg1HDdgoRKNLKqpJXRqllYoL5W_hLnTNmCVNS3Y-n5agr35ANDxbySoTI9sWvsJU0ZcRpwnAYolmqwZviHJELFr/s1600/Untitled%5B3%5D.jpg" width="295" /></a><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK6dbAx4O357TVu67KrcFmSe7QQW6J57QroWiyzkxw5nJivbb8Q_ks4IipBcEZ9YIMIIE0eO9-sIpHsQkgSnuxW5riN6CXK8D9cE5gs0wMPbgeQeB2FVLrP6rDJuvWtK8qXLLnOL-QIBBH/s1600/Untitled%5B3%5D.jpg" width="320" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<br />
<b><a class="btnlink2" href="http://demo1testmybloggercode.blogspot.in/" rel="nofollow" target="_blank">LIVE DEMO</a></b>
</div>
<h4 style="text-align: left;">
</h4>
<h4 style="text-align: left;">
</h4>
<h4 style="text-align: left;">
How Navigation Labels Improve SEO</h4>
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.<br />
<br />
<div class="separator" style="clear: both;">
<b>Read more:</b> <a href="http://www.bloggerplanet.com/2014/10/how-navigation-labels-improve-seo-for-websites-blogs-blogger.html" target="_blank">How Labels and Tags Improve SEO for Websites or Blogs</a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<b>Read more:</b> <a href="http://www.bloggerplanet.com/2014/10/top-12-trending-css-labels-widgets-for-blogger.html" target="_blank">Top 12 Trending CSS Labels Cloud Widgets Collections</a></div>
<div>
<br /></div>
<br />
<b>Tested in></b> Firefox 4, Safari 4, Chrome 13, Opera 10, IE 8<br />
<h3 style="text-align: left;">
How to Add Animated Glossy Pills Label Widget in Blogger</h3>
<ul style="text-align: left;">
<li>Go to <b>Blogger >> Layout>>Add Gaget</b></li>
<li>Choose “<b>Labels</b>” Widget.</li>
<li>Change Settings Like The Image Below </li>
</ul>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1rFngtW3ccAo98GOaal62coBjPWYskqUdLjfEZAOmAVSdl6R0fkzcUrBgIJZdeQhIr43j3SIcd1rfiMQq1pmcV6fdpTmIOypnZ7UPU_9iOzl60Xbv-uGTrOAV5BlZ2JCsvfpGHwJwnNxD/s1600/Adding-Labels-Cloud-Widget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1rFngtW3ccAo98GOaal62coBjPWYskqUdLjfEZAOmAVSdl6R0fkzcUrBgIJZdeQhIr43j3SIcd1rfiMQq1pmcV6fdpTmIOypnZ7UPU_9iOzl60Xbv-uGTrOAV5BlZ2JCsvfpGHwJwnNxD/s1600/Adding-Labels-Cloud-Widget.png" width="320" /></a></div>
<br />
<br />
<ul style="text-align: left;">
<li>Go to <b>Blogger >> Template >> Edit HTML</b></li>
<li>Now Find<b> ]]></b:skin> </b>( Press Ctrl+F button from keyboard to find)</li>
<li>Copy and Paste The Following Code Above <b>]]></b:skin></b></li>
</ul>
<br />
<br />
<div style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8s10ma6RLnPAX-DRoctfVQBYRIouEyiaH3NKr5uxMZFUESW6VaOEanQFvlMQgS1N_S0BLh9yd89GnYxkr95a2DhKfZ4AOyjvgEz_ix-pMqfeQgx0FX1l7NwQXM7-PaegH5BucurMBXdbz/s1600/MITHUN111.png); padding: 10px;">
<blockquote class="tr_bq">
<span style="color: white;">/--------BLOGGERPLANET.COM —————- */</span><br />
<span style="color: white;">.label-size{</span><br />
<span style="color: white;"> margin:0;</span><br />
<span style="color: white;"> padding:0;</span><br />
<span style="color: white;"> position:relative;</span><br />
<span style="color: white;"> }</span><br />
<span style="color: white;"> .label-size a{</span><br />
<span style="color: white;">              float:left;</span><br />
<span style="color: white;"> height:18px;</span><br />
<span style="color: white;"> line-height:18px;</span><br />
<span style="color: white;"> position:relative;</span><br />
<span style="color: white;"> font:13px verdana;</span><br />
<span style="color: white;"> margin-bottom: 9px;</span><br />
<span style="color: white;"> margin-left:10px;</span><br />
<span style="color: white;"> padding:10px;</span><br />
<span style="color: white;">text-decoration:none;</span><br />
<span style="color: white;">  background-color: #ee432e;</span><br />
<span style="color: white;">  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));</span><br />
<span style="color: white;">  background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);</span><br />
<span style="color: white;">  background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);</span><br />
<span style="color: white;">  background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);</span><br />
<span style="color: white;">  background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);</span><br />
<span style="color: white;">  background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);</span><br />
<span style="color: white;">  border: 1px solid #951100;</span><br />
<span style="color: white;">  -webkit-border-radius: 30px;</span><br />
<span style="color: white;">  -moz-border-radius: 30px;</span><br />
<span style="color: white;">  border-radius: 30px;</span><br />
<span style="color: white;">  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;</span><br />
<span style="color: white;">  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;</span><br />
<span style="color: white;">  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;</span><br />
<span style="color: white;">  color: #fff;</span><br />
<span style="color: white;">  font: bold 14px "helvetica neue", helvetica, arial, sans-serif;</span><br />
<span style="color: white;">   text-align: center;</span><br />
<span style="color: white;">  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);</span><br />
<span style="color: white;">  }</span><br />
<span style="color: white;">  .label-size a:hover {</span><br />
<span style="color: white;">    background-color: #f37873;</span><br />
<span style="color: white;">    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601));</span><br />
<span style="color: white;">    background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);</span><br />
<span style="color: white;">    background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);</span><br />
<span style="color: white;">    background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);</span><br />
<span style="color: white;">    background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);</span><br />
<span style="color: white;">    background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);</span><br />
<span style="color: white;">     }</span></blockquote>
</div>
<br />
<h3 style="text-align: left;">
Costimization:</h3>
<b>Font-size: 13px;</b> = This is the Font Size of Labels/Tags that is displayed on your blogger. You can easily customize its font with your own choice.<br />
<br />
<b>Color:  #ee432e;</b> = 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.<br />
<br />
If you have any doubt in your mind, you may ask via comments or contact form.<br />
<br />
DON'T FORGET TO "<b>SUBSCRIBE</b>" or"<b>LIKE</b>" FOR FURTHER UPDATES<br />
<br />
<br />
<br />
<br />
<style>.btnlink2 {
-moz-box-shadow: 0px 1px 0px 0px #fff6af;
-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
box-shadow: 0px 1px 0px 0px #fff6af;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1,
#ffab23));
background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64',
endColorstr='#ffab23',GradientType=0);
background-color:#ffec64;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #ffaa22;
display:inline-block;
cursor:pointer;
color:#333333;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #ffee66;
}
.btnlink2:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1,
#ffec64));
background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23',
endColorstr='#ffec64',GradientType=0);
background-color:#ffab23;
}
.btnlink2:active {
position:relative;
top:1px;
}</style>
</div>

BLOGGER WIDGETS LABELS Add Glossy Pills Style Label Cloud Widget for Blogger (CSS)

LIVE DEMO How Navigation Labels Improve SEO Every time you write a post on your blog you have the option to add some Lab...

Stylish Animated Border Style Labels Widget for Blogger (CSS)

12:56 PM mithun 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqKJgWqAzOsALVWG9EYtjEeujgFbBZPj2tDVqDHwb1DImFUCpRbHdlSL5a48ObrRk3iQO9g_HopW2AXEa5EJwuORi6zYksBrJ_JjIuZCOI1IqtbY_RidoLePyjOk4XKrZQrNjn6qAi5wS0/s1600/Untitled%5B9%5D.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Stylish Animated Border Style Labels Widget for Blogger (CSS)" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqKJgWqAzOsALVWG9EYtjEeujgFbBZPj2tDVqDHwb1DImFUCpRbHdlSL5a48ObrRk3iQO9g_HopW2AXEa5EJwuORi6zYksBrJ_JjIuZCOI1IqtbY_RidoLePyjOk4XKrZQrNjn6qAi5wS0/s1600/Untitled%5B9%5D.jpg" title="Stylish Animated Border Style Labels Widget for Blogger (CSS)" width="319" /></a></div>
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxcePVoBeu9LJPKv0DaN-U7hk2WhjIOXwidIRnQD8YaWT2r4JbcKr62fKCtqjpA5dK4v2H8wQTc1RDaLFR1XzZTa-zkWUyjQovH2pw4zTXY7p0ttcYyl4vjgXzI9tVTNASPMBSWaNZRjAe/s1600/Untitled%5B9%5D.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img alt="Labels Widget for Blogger" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxcePVoBeu9LJPKv0DaN-U7hk2WhjIOXwidIRnQD8YaWT2r4JbcKr62fKCtqjpA5dK4v2H8wQTc1RDaLFR1XzZTa-zkWUyjQovH2pw4zTXY7p0ttcYyl4vjgXzI9tVTNASPMBSWaNZRjAe/s1600/Untitled%5B9%5D.jpg" title="Labels Widget for Blogger" width="281" /></a><br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div style="text-align: center;">
<a class="btnlink2" href="http://demo1testmybloggercode.blogspot.in/" rel="nofollow" target="_blank"><b>LIVE DEMO</b></a>
</div>
<br />
<br />
<br />
Blogger labels are used for specifying categories of the posts. By using labels in your blogger blog  you can differentiate among different types of posts from each other by creating their groups. Default blogger labels are not styled well. Which results in bad overall design of a blog but don`t worry these blogger labels can be easily customized using a small CSS code<br />
<h4 style="text-align: left;">
How Navigation Labels Improve SEO</h4>
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...<a href="http://www.bloggerplanet.com/2014/10/how-navigation-labels-improve-seo-for-websites-blogs-blogger.html" target="_blank">Read more</a><br />
<br />
<br />
<div class="separator" style="clear: both;">
<b>Read more:</b> <a href="http://www.bloggerplanet.com/2014/10/how-navigation-labels-improve-seo-for-websites-blogs-blogger.html" target="_blank">How Labels and Tags Improve SEO for Websites or Blogs</a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<b>Read more:</b> <a href="http://www.bloggerplanet.com/2014/10/top-12-trending-css-labels-widgets-for-blogger.html" target="_blank">Top 12 Trending CSS Labels Cloud Widgets Collections</a></div>
<div>
<br /></div>
<br />
<b>Tested in></b> Firefox 4, Safari 4, Chrome 13, Opera 10, IE 8<br />
<h3 style="text-align: left;">
How to Add Animated Border Style Labels Widget in Blogger</h3>
<br />
<ul style="text-align: left;">
<li>Go to <b>Blogger >> Layout>>Add Gaget</b></li>
<li>Choose “<b>Labels</b>” Widget.</li>
<li>Change Settings Like The Image Below </li>
</ul>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1rFngtW3ccAo98GOaal62coBjPWYskqUdLjfEZAOmAVSdl6R0fkzcUrBgIJZdeQhIr43j3SIcd1rfiMQq1pmcV6fdpTmIOypnZ7UPU_9iOzl60Xbv-uGTrOAV5BlZ2JCsvfpGHwJwnNxD/s1600/Adding-Labels-Cloud-Widget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Labels Widget for Blogger" border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1rFngtW3ccAo98GOaal62coBjPWYskqUdLjfEZAOmAVSdl6R0fkzcUrBgIJZdeQhIr43j3SIcd1rfiMQq1pmcV6fdpTmIOypnZ7UPU_9iOzl60Xbv-uGTrOAV5BlZ2JCsvfpGHwJwnNxD/s1600/Adding-Labels-Cloud-Widget.png" title="" width="320" /></a></div>
<br />
<ul style="text-align: left;">
<li>Go to <b>Blogger >> Template >> Edit HTML</b></li>
<li>Now Find ]<b>]></b:skin></b> ( Press Ctrl+F button from keyboard to find)</li>
<li>Copy and Paste The Following Code Above <b>]]></b:skin></b></li>
</ul>
<br />
<div style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8s10ma6RLnPAX-DRoctfVQBYRIouEyiaH3NKr5uxMZFUESW6VaOEanQFvlMQgS1N_S0BLh9yd89GnYxkr95a2DhKfZ4AOyjvgEz_ix-pMqfeQgx0FX1l7NwQXM7-PaegH5BucurMBXdbz/s1600/MITHUN111.png); padding: 10px;">
<blockquote class="tr_bq">
<div style="color: black;">
<br /></div>
<span style="color: white;">/--------BLOGGERPLANET.COM —————- */</span><br />
<span style="color: white;">.label-size{</span><br />
<span style="color: white;"> margin:0;</span><br />
<span style="color: white;"> padding:0;</span><br />
<span style="color: white;"> position:relative;</span><br />
<span style="color: white;"> }</span><br />
<span style="color: white;"> .label-size a{</span><br />
<span style="color: white;"> float:left;</span><br />
<span style="color: white;"> height:18px;</span><br />
<span style="color: white;"> line-height:18px;</span><br />
<span style="color: white;"> position:relative;</span><br />
<span style="color: white;"> font:14px verdana;</span><br />
<span style="color: white;"> margin-bottom: 9px;</span><br />
<span style="color: white;"> margin-left:10px;</span><br />
<span style="color: white;"> padding:10px;</span><br />
<span style="color: white;"> color: #fff;</span><br />
<span style="color: white;"> background: #48C9FF;</span><br />
<span style="color: white;"> background: -webkit-linear-gradient(top, #48C9FF 0%, #2EA8E5 100%);</span><br />
<span style="color: white;"> background: -moz-linear-gradient(top, #48C9FF 0%, #2EA8E5 100%);</span><br />
<span style="color: white;"> background: -ms-linear-gradient(top, #48C9FF 0%, #2EA8E5 100%);</span><br />
<span style="color: white;"> background: -o-linear-gradient(top, #48C9FF 0%, #2EA8E5 100%);</span><br />
<span style="color: white;"> background: linear-gradient(to bottom, #48C9FF 0%, #2EA8E5 100%);</span><br />
<span style="color: white;"> text-shadow: #29a3cc 0 1px 3px;</span><br />
<span style="color: white;"> text-decoration:none;   </span><br />
<span style="color: white;"> border-top-left-radius: 10px 50px;</span><br />
<span style="color: white;"> border-bottom-left-radius: 10px 50px;</span><br />
<span style="color: white;"> border-top-right-radius: 10px 50px;</span><br />
<span style="color: white;"> border-bottom-right-radius: 10px 50px;</span><br />
<span style="color: white;"> -moz-border-radius-topleft: 10px 50px;</span><br />
<span style="color: white;"> -moz-border-radius-topright: 10px 50px;</span><br />
<span style="color: white;"> -moz-border-radius-bottomright: 10px 50px;</span><br />
<span style="color: white;"> -moz-border-radius-bottomleft: 10px 50px;</span><br />
<span style="color: white;"> -webkit-transition: all 0.5s ease;</span><br />
<span style="color: white;"> -moz-transition: all 0.5s ease;</span><br />
<span style="color: white;"> -ms-transition: all 0.5s ease;</span><br />
<span style="color: white;"> -o-transition: all 0.5s ease;</span><br />
<span style="color: white;"> transition: all 0.5s ease;</span><br />
<span style="color: white;"> }</span><br />
<span style="color: white;">.label-size a:hover</span><br />
<span style="color: white;">{</span><br />
<span style="color: white;"> -moz-border-radius-topleft: 50px 50px;</span><br />
<span style="color: white;"> -moz-border-radius-topright: 50px 50px;</span><br />
<span style="color: white;"> -moz-border-radius-bottomright: 50px 50px;</span><br />
<span style="color: white;"> -moz-border-radius-bottomleft: 50px 50px;</span><br />
<span style="color: white;"> border-top-left-radius: 50px 50px;</span><br />
<span style="color: white;"> border-bottom-left-radius: 50px 50px;</span><br />
<span style="color: white;"> border-top-right-radius: 50px 50px;</span><br />
<span style="color: white;"> border-bottom-right-radius: 50px 50px;</span><br />
<span style="color: white;">}</span></blockquote>
</div>
<h3 style="text-align: left;">
Costimization:</h3>
<b>Font-size: 14px;</b> = This is the Font Size of Labels/Tags that is displayed on your blogger. You can easily customize its font with your own choice.<br />
<br />
<b>Color:  #fff;</b> = 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.<br />
<br />
If you have any doubt in your mind, you may ask via comments or contact form.<br />
<br />
DON'T FORGET TO "<b>SUBSCRIBE</b>" or"<b>LIKE</b>" FOR FURTHER UPDATES<br />
<div>
<br /></div>
<style>.btnlink2 {
-moz-box-shadow: 0px 1px 0px 0px #fff6af;
-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
box-shadow: 0px 1px 0px 0px #fff6af;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1,
#ffab23));
background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64',
endColorstr='#ffab23',GradientType=0);
background-color:#ffec64;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #ffaa22;
display:inline-block;
cursor:pointer;
color:#333333;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #ffee66;
}
.btnlink2:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1,
#ffec64));
background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23',
endColorstr='#ffec64',GradientType=0);
background-color:#ffab23;
}
.btnlink2:active {
position:relative;
top:1px;
}</style>
</div>

BLOGGER WIDGETS LABELS Stylish Animated Border Style Labels Widget for Blogger (CSS)

LIVE DEMO Blogger labels are used for specifying categories of the posts. By using labels in your blogger blog you can dif...

Add Button Style Labels Cloud CSS Widget for Blogger

12:30 PM mithun 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHQZzSqx8BYyQ6Ebcurjhed5C8ghyphenhyphenvaLD0svv8Wp_rba0cbnFsIgfU6ETpQIpB3uO4flLLbxiFv9PwOAihPSfVLBONEWOWi3nDneFYxMG8LlduSWrbxbdMj8HGBFBrpmydVqr_Vpzjkr3C/s1600/mithun+butt.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Labels Cloud CSS Widget" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHQZzSqx8BYyQ6Ebcurjhed5C8ghyphenhyphenvaLD0svv8Wp_rba0cbnFsIgfU6ETpQIpB3uO4flLLbxiFv9PwOAihPSfVLBONEWOWi3nDneFYxMG8LlduSWrbxbdMj8HGBFBrpmydVqr_Vpzjkr3C/s1600/mithun+butt.jpg" title="Labels Cloud CSS Widget" width="320" /></a></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjcjwOVu2wwzGnnQhfD0RDVw7rNaeGMXKw2Slqm3BzfCtxB2iL3tmPN91Y4w8TIzDUDDpbDfGr3kEHvKpOJ2Ryg39HLOcPiKR5gU0K3BJlTL9WxlUQLkGe3VM0HM64TNAvGW6UWFi0qFx_/s1600/Untitled%5B12%5D.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Labels Cloud CSS Widget" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjcjwOVu2wwzGnnQhfD0RDVw7rNaeGMXKw2Slqm3BzfCtxB2iL3tmPN91Y4w8TIzDUDDpbDfGr3kEHvKpOJ2Ryg39HLOcPiKR5gU0K3BJlTL9WxlUQLkGe3VM0HM64TNAvGW6UWFi0qFx_/s1600/Untitled%5B12%5D.jpg" title="Labels Cloud CSS Widget" width="295" /></a><br />
<br />
<br />
<b><a class="btnlink2" href="http://demo1testmybloggercode.blogspot.in/" rel="nofollow" target="_blank">LIVE DEMO</a></b>
</div>
<br />
<b><br /></b>
<b><br /></b>
<b>How Navigation Labels Improve SEO</b><br />
<br />
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.<br />
<br />
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.<br />
<br />
<br />
<div class="separator" style="clear: both;">
<b>Read more:</b> <a href="http://www.bloggerplanet.com/2014/10/how-navigation-labels-improve-seo-for-websites-blogs-blogger.html" target="_blank">How Labels and Tags Improve SEO for Websites or Blogs</a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<b>Read more:</b> <a href="http://www.bloggerplanet.com/2014/10/top-12-trending-css-labels-widgets-for-blogger.html" target="_blank">Top 12 Trending CSS Labels Cloud Widgets Collections</a></div>
<h4 style="text-align: left;">
Why we need to customize blogger labels ?</h4>
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.<br />
<br />
<br />
<b>Tested in> </b>Firefox 4, Safari 4, Chrome 13, Opera 10, IE 8<br />
<h3 style="text-align: left;">
How to Add Button Style Labels Widget in Blogger</h3>
<ul style="text-align: left;">
<li>Go to <b>Blogger >> Layout>>Add Gaget</b></li>
<li>Choose “<b>Labels</b>” Widget.</li>
<li>Change Settings Like The Image Below </li>
</ul>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1rFngtW3ccAo98GOaal62coBjPWYskqUdLjfEZAOmAVSdl6R0fkzcUrBgIJZdeQhIr43j3SIcd1rfiMQq1pmcV6fdpTmIOypnZ7UPU_9iOzl60Xbv-uGTrOAV5BlZ2JCsvfpGHwJwnNxD/s1600/Adding-Labels-Cloud-Widget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Labels Cloud CSS Widget" border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1rFngtW3ccAo98GOaal62coBjPWYskqUdLjfEZAOmAVSdl6R0fkzcUrBgIJZdeQhIr43j3SIcd1rfiMQq1pmcV6fdpTmIOypnZ7UPU_9iOzl60Xbv-uGTrOAV5BlZ2JCsvfpGHwJwnNxD/s1600/Adding-Labels-Cloud-Widget.png" title="Labels Cloud CSS Widget" width="320" /></a></div>
<br />
<br />
<ul style="text-align: left;">
<li>Go to <b>Blogger >> Template >> Edit HTML</b></li>
<li>Now Find<b> ]]></b:skin></b> ( Press Ctrl+F button from keyboard to find)</li>
<li>Copy and Paste The Following Code Above <b>]]></b:skin></b></li>
</ul>
<br />
<br />
<div style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8s10ma6RLnPAX-DRoctfVQBYRIouEyiaH3NKr5uxMZFUESW6VaOEanQFvlMQgS1N_S0BLh9yd89GnYxkr95a2DhKfZ4AOyjvgEz_ix-pMqfeQgx0FX1l7NwQXM7-PaegH5BucurMBXdbz/s1600/MITHUN111.png); padding: 10px;">
<blockquote class="tr_bq">
<span style="color: white;">/--------BLOGGERPLANET.COM —————- */</span><br />
<span style="color: white;"> .label-size{</span><br />
<span style="color: white;"> margin:0;</span><br />
<span style="color: white;"> padding:0;</span><br />
<span style="color: white;"> position:relative;</span><br />
<span style="color: white;"> }</span><br />
<span style="color: white;"> .label-size a{</span><br />
<span style="color: white;">              float:left;</span><br />
<span style="color: white;"> height:18px;</span><br />
<span style="color: white;"> line-height:18px;</span><br />
<span style="color: white;"> position:relative;</span><br />
<span style="color: white;"> font:13px verdana;</span><br />
<span style="color: white;"> margin-bottom: 9px;</span><br />
<span style="color: white;"> margin-left:10px;</span><br />
<span style="color: white;"> padding:10px;</span><br />
<span style="color: white;"><span class="Apple-tab-span" style="white-space: pre;"> </span>text-decoration:none;</span><br />
<span style="color: white;"><span class="Apple-tab-span" style="white-space: pre;"> </span>background-color: #ff4c47;</span><br />
<span style="color: white;"><span class="Apple-tab-span" style="white-space: pre;"> </span>border-radius: 3px;</span><br />
<span style="color: white;"><span class="Apple-tab-span" style="white-space: pre;"> </span>box-shadow: 0 2px 0 #db443d;</span><br />
<span style="color: white;"><span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-box-shadow: 0 2px 0 #db443d;</span><br />
<span style="color: white;"><span class="Apple-tab-span" style="white-space: pre;"> </span>-webkit-box-shadow: 0 2px 0 #db443d;</span><br />
<span style="color: white;"><span class="Apple-tab-span" style="white-space: pre;"> </span>color: #fff;</span><br />
<span style="color: white;"><span class="Apple-tab-span" style="white-space: pre;"> </span><span class="Apple-tab-span" style="white-space: pre;"> </span>text-align: center;</span><br />
<span style="color: white;">}</span><br />
<span style="color: white;">.label-size a:hover {</span><br />
<span style="color: white;"><span class="Apple-tab-span" style="white-space: pre;"> </span>background-color: #db443d;</span><br />
<span style="color: white;">}</span></blockquote>
</div>
<h3 style="text-align: left;">
Costimization:</h3>
<b>Font-size: 13px;</b> = This is the Font Size of Labels/Tags that is displayed on your blogger. You can easily customize its font with your own choice.<br />
<br />
<b>Colorr: #fff;</b> = 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.<br />
<br />
<br />
If you have any doubt in your mind, you may ask via comments or contact form.<br />
<br />
DON'T FORGET TO "<b>SUBSCRIBE</b>" or"<b>LIKE</b>" FOR FURTHER UPDATES<br />
<div>
<br /></div>
<div>
<br /></div>
<style>.btnlink2 {
-moz-box-shadow: 0px 1px 0px 0px #fff6af;
-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
box-shadow: 0px 1px 0px 0px #fff6af;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1,
#ffab23));
background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64',
endColorstr='#ffab23',GradientType=0);
background-color:#ffec64;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #ffaa22;
display:inline-block;
cursor:pointer;
color:#333333;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #ffee66;
}
.btnlink2:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1,
#ffec64));
background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23',
endColorstr='#ffec64',GradientType=0);
background-color:#ffab23;
}
.btnlink2:active {
position:relative;
top:1px;
}</style>
</div>

BLOGGER WIDGETS LABELS Add Button Style Labels Cloud CSS Widget for Blogger

LIVE DEMO How Navigation Labels Improve SEO If you think of your website as a map, navigation labels name the streets, featur...

Add Leaf Style Animated Labels Widget in Blogger

11:57 AM mithun 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<h4 style="text-align: left;">
</h4>
<h4 style="text-align: left;">
</h4>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2lJiVJY5PA6WOeGw9VyrPByF4yNdjFhHP4wSbGePnBBF4vzhFdQFkpOmsS-XSBF8Y5aoASZv2dcq6L2rOjZQ6WnCGyQ9xFQgSSXBrn-peV6sSU3SYuAPdVm5NSvNmeGGRg_kXFV6UEu1p/s1600/leaf.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Labels Widget " border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2lJiVJY5PA6WOeGw9VyrPByF4yNdjFhHP4wSbGePnBBF4vzhFdQFkpOmsS-XSBF8Y5aoASZv2dcq6L2rOjZQ6WnCGyQ9xFQgSSXBrn-peV6sSU3SYuAPdVm5NSvNmeGGRg_kXFV6UEu1p/s1600/leaf.jpg" title="Add Leaf Style  Animated Labels Widget in Blogger" width="320" /></a></div>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6nCZW0jOV_hSXMMEzf8iIlkEFfQlUNTXLvGt9tDzvN9qMprBxbThELzz33CDxZCPKlpOPpL6XSVUHCNSa2CXTIVKwiZZTVLcp378Yu7ZwMO2DC1eQa-mW4G9rgfhPdt4JDjnmi0NfR1IQ/s1600/Untitled5.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Labels Widget " border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6nCZW0jOV_hSXMMEzf8iIlkEFfQlUNTXLvGt9tDzvN9qMprBxbThELzz33CDxZCPKlpOPpL6XSVUHCNSa2CXTIVKwiZZTVLcp378Yu7ZwMO2DC1eQa-mW4G9rgfhPdt4JDjnmi0NfR1IQ/s1600/Untitled5.jpg" title="Add Leaf Style  Animated Labels Widget in Blogger" width="295" /></a><br />
<br />
<br />
<br />
<b>                </b><br />
<b> <a class="btnlink2" href="http://demo1testmybloggercode.blogspot.in/" rel="nofollow" target="_blank">LIVE DEMO</a></b>
</div>
<br />
<br />
<br />
<br />
<h4 style="text-align: left;">
How Navigation Labels Improve SEO</h4>
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.<br />
<br />
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.<br />
<br />
<div class="separator" style="clear: both;">
<b>Read more:</b> <a href="http://www.bloggerplanet.com/2014/10/how-navigation-labels-improve-seo-for-websites-blogs-blogger.html" target="_blank">How Labels and Tags Improve SEO for Websites or Blogs</a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<b>Read more:</b> <a href="http://www.bloggerplanet.com/2014/10/top-12-trending-css-labels-widgets-for-blogger.html" target="_blank">Top 12 Trending CSS Labels Cloud Widgets Collections</a></div>
<h4 style="text-align: left;">
Why we need to customize blogger labels ?</h4>
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.<br />
<br />
<h4 style="text-align: left;">
Tested in> <span style="font-weight: normal;">Firefox 4, Safari 4, Chrome 13, Opera 10, IE 8</span></h4>
<h3 style="text-align: left;">
How to Add Leaf Style Labels Widget in Blogger</h3>
<br />
<ul style="text-align: left;">
<li>Go to<b> Blogger >> Layout>>Add Gaget</b></li>
<li>Choose “<b>Labels</b>” Widget.</li>
<li>Change Settings Like The Image Below </li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1rFngtW3ccAo98GOaal62coBjPWYskqUdLjfEZAOmAVSdl6R0fkzcUrBgIJZdeQhIr43j3SIcd1rfiMQq1pmcV6fdpTmIOypnZ7UPU_9iOzl60Xbv-uGTrOAV5BlZ2JCsvfpGHwJwnNxD/s1600/Adding-Labels-Cloud-Widget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Labels Widget " border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1rFngtW3ccAo98GOaal62coBjPWYskqUdLjfEZAOmAVSdl6R0fkzcUrBgIJZdeQhIr43j3SIcd1rfiMQq1pmcV6fdpTmIOypnZ7UPU_9iOzl60Xbv-uGTrOAV5BlZ2JCsvfpGHwJwnNxD/s1600/Adding-Labels-Cloud-Widget.png" title="" width="320" /></a></div>
<br />
<br />
<ul style="text-align: left;">
<li>Go to <b>Blogger >> Template >> Edit HTML</b></li>
<li>Now Find<b> ]]></b:skin></b> ( Press Ctrl+F button from keyboard to find)</li>
<li>Copy and Paste The Following Code Above <b>]]></b:skin></b></li>
</ul>
<br />
<br />
<div style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8s10ma6RLnPAX-DRoctfVQBYRIouEyiaH3NKr5uxMZFUESW6VaOEanQFvlMQgS1N_S0BLh9yd89GnYxkr95a2DhKfZ4AOyjvgEz_ix-pMqfeQgx0FX1l7NwQXM7-PaegH5BucurMBXdbz/s1600/MITHUN111.png); padding: 10px;">
<blockquote class="tr_bq">
<span style="color: white;">/--------BLOGGERPLANET.COM —————- */</span><br />
<span style="color: white;">.label-size{</span><br />
<span style="color: white;"> margin:0;</span><br />
<span style="color: white;"> padding:0;</span><br />
<span style="color: white;"> position:relative;</span><br />
<span style="color: white;"> }</span><br />
<span style="color: white;"> .label-size a{</span><br />
<span style="color: white;"> float:left;</span><br />
<span style="color: white;"> height:18px;</span><br />
<span style="color: white;"> line-height:18px;</span><br />
<span style="color: white;"> position:relative;</span><br />
<span style="color: white;"> font:14px verdana;</span><br />
<span style="color: white;"> margin-bottom: 9px;</span><br />
<span style="color: white;"> margin-left:10px;</span><br />
<span style="color: white;"> padding:10px;</span><br />
<span style="color: white;"> -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;</span><br />
<span style="color: white;">  -moz-box-shadow: inset 0 1px 0 0 #96ca6d;</span><br />
<span style="color: white;">  box-shadow: inset 0 1px 0 0 #96ca6d;</span><br />
<span style="color: white;">  background-color: #7fbf4d;</span><br />
<span style="color: white;">  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));</span><br />
<span style="color: white;">  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);</span><br />
<span style="color: white;">  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);</span><br />
<span style="color: white;">  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);</span><br />
<span style="color: white;">  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);</span><br />
<span style="color: white;">  background-image: linear-gradient(top, #7fbf4d, #63a62f);</span><br />
<span style="color: white;">  border: 1px solid #63a62f;</span><br />
<span style="color: white;">  border-bottom: 1px solid #5b992b;</span><br />
<span style="color: white;"> color:#fff;</span><br />
<span style="color: white;"> text-decoration:none;</span><br />
<span style="color: white;">border-bottom-right-radius: 30px;</span><br />
<span style="color: white;">border-top-left-radius: 30px;</span><br />
<span style="color: white;"> -webkit-transition: all .5s ease-in-out;</span><br />
<span style="color: white;">-moz-transition: all .5s ease-in-out;</span><br />
<span style="color: white;">-o-transition: all .5s ease-in-out;</span><br />
<span style="color: white;">transition: all  .5s ease-in-out;</span><br />
<span style="color: white;"> }</span><br />
<span style="color: white;">.label-size a:hover</span><br />
<span style="color: white;">{</span><br />
<span style="color: white;">text-shadow:5px 5px 5px #dcdcdc;</span><br />
<span style="color: white;">background:orange;</span><br />
<span style="color: white;">border:1px solid orange;</span><br />
<span style="color: white;">border-bottom-right-radius: 0px;</span><br />
<span style="color: white;">border-top-left-radius: 0px;</span><br />
<span style="color: white;">border-bottom-left-radius: 30px;</span><br />
<span style="color: white;">border-top-right-radius: 30px;</span><br />
<span style="color: white;">}</span></blockquote>
</div>
<br />
<h3 style="text-align: left;">
Costimization:</h3>
<b>Font-size: 14px; </b>= This is the Font Size of Labels/Tags that is displayed on your blogger. You can easily customize its font with your own choice.<br />
<br />
<b>Color: #7fbf4d; </b>= 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.<br />
<br />
If you have any doubt in your mind, you may ask via comments or contact form.<br />
<br />
DON'T FORGET TO "<b>SUBSCRIBE</b>" or"<b>LIKE</b>" FOR FURTHER UPDATES<br />
<br />
<br />
<div>
<br /></div>
</div>
<style>.btnlink2 {
-moz-box-shadow: 0px 1px 0px 0px #fff6af;
-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
box-shadow: 0px 1px 0px 0px #fff6af;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1,
#ffab23));
background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64',
endColorstr='#ffab23',GradientType=0);
background-color:#ffec64;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #ffaa22;
display:inline-block;
cursor:pointer;
color:#333333;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #ffee66;
}
.btnlink2:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1,
#ffec64));
background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23',
endColorstr='#ffec64',GradientType=0);
background-color:#ffab23;
}
.btnlink2:active {
position:relative;
top:1px;
}</style></div>

BLOGGER WIDGETS LABELS Add Leaf Style Animated Labels Widget in Blogger

LIVE DEMO How Navigation Labels Improve SEO If you think of your website as a map, navigation la...

Stylish Yellow Customized Labels Widget for Blogger

10:25 AM mithun 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB4gyJ4eNtdByqk9G9Bke8z75OzjZHWQtbgf3vDMrG-oZLjulIzMS1febgtd3lMtSFK7fVndY1t13sAoMzVrK9e_mGR-J2NSvksTNYfl1FvKaghltqtOUvMphZR5WZMeLFQC_88MPK_MMs/s1600/yellow-customized-labels1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Stylish Yellow Customized Labels Widget for Blogger" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB4gyJ4eNtdByqk9G9Bke8z75OzjZHWQtbgf3vDMrG-oZLjulIzMS1febgtd3lMtSFK7fVndY1t13sAoMzVrK9e_mGR-J2NSvksTNYfl1FvKaghltqtOUvMphZR5WZMeLFQC_88MPK_MMs/s1600/yellow-customized-labels1.jpg" title="Stylish Yellow Customized Labels Widget for Blogger" width="320" /></a></div>
<b><br /></b>
<b><br /></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0LDNEhbl7xP5Z0bEecuIK2Mz6kfgbDN1_1PujbGv8BpJ1kK-gkkUDeVjf3MDuS-IOtFuqiACb6aXU6IirEJxQR8GZNFh-2ldOWbboXwZx_TK2aCliS6ir3CFGBNEdExFEZ9SmhoT2s4Re/s1600/yellow-customized-labels.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Stylish Yellow Customized Labels Widget for Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0LDNEhbl7xP5Z0bEecuIK2Mz6kfgbDN1_1PujbGv8BpJ1kK-gkkUDeVjf3MDuS-IOtFuqiACb6aXU6IirEJxQR8GZNFh-2ldOWbboXwZx_TK2aCliS6ir3CFGBNEdExFEZ9SmhoT2s4Re/s1600/yellow-customized-labels.jpg" title="Stylish Yellow Customized Labels Widget for Blogger" /></a></div>
<b><br /></b>
<b><br /><br /></b>
<b><br /></b>
<b><br /></b>
<br />
<div style="text-align: center;">
<a class="btnlink2" href="http://demo4testmybloggercode.blogspot.in/" rel="nofollow" target="_blank"><b>LIVE DEMO</b></a>
</div>
<b><br /></b>
<b><br /></b><br />
<b><br /></b>
<b><br /></b>
<b>How Navigation Labels Improve SEO</b><br />
<br />
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.<br />
<br />
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.<br />
<br />
<div class="separator" style="clear: both;">
<b>Read more:</b> <a href="http://www.bloggerplanet.com/2014/10/how-navigation-labels-improve-seo-for-websites-blogs-blogger.html" target="_blank">How Labels and Tags Improve SEO for Websites or Blogs</a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<b>Read more:</b> <a href="http://www.bloggerplanet.com/2014/10/top-12-trending-css-labels-widgets-for-blogger.html" target="_blank">Top 12 Trending CSS Labels Cloud Widgets Collections</a></div>
<br />
<b>Tested in></b> Firefox 4, Safari 4, Chrome 13, Opera 10, IE 8<br />
<h3 style="text-align: left;">
How to Add Stylish Yellow Customized Labels Widget in Blogger</h3>
<br />
<ul style="text-align: left;">
<li>Go to <b>Blogger >> Layout>>Add Gadget</b></li>
<li>Choose “<b>Labels</b>” Widget.</li>
<li>Change Settings Like The Image Below </li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1rFngtW3ccAo98GOaal62coBjPWYskqUdLjfEZAOmAVSdl6R0fkzcUrBgIJZdeQhIr43j3SIcd1rfiMQq1pmcV6fdpTmIOypnZ7UPU_9iOzl60Xbv-uGTrOAV5BlZ2JCsvfpGHwJwnNxD/s1600/Adding-Labels-Cloud-Widget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Stylish Yellow Customized Labels Widget for Blogger" border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1rFngtW3ccAo98GOaal62coBjPWYskqUdLjfEZAOmAVSdl6R0fkzcUrBgIJZdeQhIr43j3SIcd1rfiMQq1pmcV6fdpTmIOypnZ7UPU_9iOzl60Xbv-uGTrOAV5BlZ2JCsvfpGHwJwnNxD/s1600/Adding-Labels-Cloud-Widget.png" title="Stylish Yellow Customized Labels Widget for Blogger" width="320" /></a></div>
<br />
<br />
<ul style="text-align: left;">
<li>Go to <b>Blogger >> Template >> Edit HTML</b></li>
<li>Now Find <b>]]></b:skin></b> ( Press Ctrl+F button from keyboard to find)</li>
<li>Copy and Paste The Following Code <b>Above ]]></b:skin></b></li>
</ul>
<div style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8s10ma6RLnPAX-DRoctfVQBYRIouEyiaH3NKr5uxMZFUESW6VaOEanQFvlMQgS1N_S0BLh9yd89GnYxkr95a2DhKfZ4AOyjvgEz_ix-pMqfeQgx0FX1l7NwQXM7-PaegH5BucurMBXdbz/s1600/MITHUN111.png); padding: 10px;">
<blockquote class="tr_bq">
<span style="color: white;">/--------BLOGGERPLANET.COM —————- */</span><br />
<span style="color: white;"> .label-size { float: left; margin: 0 0 7px 20px; position: relative; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 0.75em; font-weight: bold; text-decoration: none; color: #996633; text-shadow: 0px 1px 0px rgba(255,255,255,.4); padding: 0.417em 0.417em 0.417em 0.917em; border-top: 1px solid #d99d38; border-right: 1px solid #d99d38; border-bottom: 1px solid #d99d38; -webkit-border-radius: 0 0.25em 0.25em 0; -moz-border-radius: 0 0.25em 0.25em 0; border-radius: 0 0.25em 0.25em 0; background-image: -webkit-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71)); background-image: -moz-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71)); background-image: -o-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71)); background-image: -ms-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71)); background-image: linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#feda71', EndColorStr='#feba47'); -webkit-box-shadow: inset 0 1px 0 #faeaba, 0 1px 1px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 0 #faeaba, 0 1px 1px rgba(0,0,0,.1); box-shadow: inset 0 1px 0 #faeaba, 0 1px 1px rgba(0,0,0,.1); z-index: 1; } </span></blockquote>
<span style="color: white;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="color: white;">.label-size:before { content: ''; width: 1.30em; height: 1.39em; background-image: -webkit-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71)); background-image: -moz-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71)); background-image: -o-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71)); background-image: -ms-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71)); background-image: linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#feda71', EndColorStr='#feba47'); position: absolute; left: -0.69em; top: .2em; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-left: 1px solid #d99d38; border-bottom: 1px solid #d99d38; -webkit-border-radius: 0 0 0 0.25em; -moz-border-radius: 0 0 0 0.25em; border-radius: 0 0 0 0.25em; z-index: 1; }</span></blockquote>
<span style="color: white;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="color: white;"> .label-size:after { content: ''; width: 0.5em; height: 0.5em; background: #fff; -webkit-border-radius: 4.167em; -moz-border-radius: 4.167em; border-radius: 4.167em; border: 1px solid #d99d38; -webkit-box-shadow: 0 1px 0 #faeaba; -moz-box-shadow: 0 1px 0 #faeaba; box-shadow: 0 1px 0 #faeaba; position: absolute; top: 0.667em; left: -0.083em; z-index: 9999; } #Label1 { height: 210px; } </span></blockquote>
<span style="color: white;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="color: white;">.label-size:hover { background-image: -webkit-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108)); background-image: -moz-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108)); background-image: -o-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108)); background-image: -ms-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108)); background-image: linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fee18d', EndColorStr='#fec86c'); border-color: #e1b160; }</span></blockquote>
<span style="color: white;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="color: white;"> .label-size:hover:before { background-image: -webkit-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108)); background-image: -moz-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108)); background-image: -o-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108)); background-image: -ms-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108)); background-image: linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#fee18d', EndColorStr='#fec86c'); border-color: #e1b160; } </span></blockquote>
</div>
<br />
<h4 style="text-align: left;">
</h4>
<h3 style="text-align: left;">
Costimization:</h3>
<b>Font-size: 0.75em; </b>= This is the Font Size of Labels/Tags that is displayed on your blogger. You can easily customize its font with your own choice.<br />
<br />
<b>Color: #996633;</b> = 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.<br />
<br />
If you have any doubt in your mind, you may ask via comments or contact form.<br />
<br />
DON'T FORGET TO "<b>SUBSCRIBE</b>" or"<b>LIKE</b>" FOR FURTHER UPDATES<br />
<br />
<b>TAGS:></b><br />
label widget for blogger,blogger label widget,free custom labels,colorful labels,label widget for blogger,blogger label widget,free custom labels,colorful labels,label widget for blogger,blogger label widget,free custom labels,colorful labels,label widget for blogger,blogger label widget,free custom labels,colorful labels,label widget for blogger,blogger label widget,free custom labels,colorful labels,label widget for blogger,blogger label widget,free custom labels,colorful labels,label widget for blogger,blogger label widget,free custom labels,colorful labels,label widget for blogger,blogger label widget,free custom labels,colorful labels,label widget for blogger,blogger label widget,label widget for blogger,blogger label widget,label widget for blogger,blogger label widget<br />
<div>
<br /></div>
</div>
<style>.btnlink2 {
-moz-box-shadow: 0px 1px 0px 0px #fff6af;
-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
box-shadow: 0px 1px 0px 0px #fff6af;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1,
#ffab23));
background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64',
endColorstr='#ffab23',GradientType=0);
background-color:#ffec64;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #ffaa22;
display:inline-block;
cursor:pointer;
color:#333333;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #ffee66;
}
.btnlink2:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1,
#ffec64));
background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23',
endColorstr='#ffec64',GradientType=0);
background-color:#ffab23;
}
.btnlink2:active {
position:relative;
top:1px;
}</style></div>

BLOGGER WIDGETS LABELS Stylish Yellow Customized Labels Widget for Blogger

LIVE DEMO How Navigation Labels Improve SEO If you think of your website as a map, navigation labels name the streets...

Add Customize Animated Labels Cloud Widget in Blogger (CSS)

1:49 AM mithun 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBj3Kvm89cllZSGpRj5tgkwKSBhDvy6a0zXzeOzwOQzvIThUZRTvv1JNU66ScoHf5cVjNWuhwufkj5cXx3A2OIBMHmLkRIQiZWgs7lbAnt7WaXVNOR6qbSIzQDzsLM-j08nXDpG5MoWvbb/s1600/LABLES1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Add Customize Treandy Labels Cloud in Blogger (CSS)" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBj3Kvm89cllZSGpRj5tgkwKSBhDvy6a0zXzeOzwOQzvIThUZRTvv1JNU66ScoHf5cVjNWuhwufkj5cXx3A2OIBMHmLkRIQiZWgs7lbAnt7WaXVNOR6qbSIzQDzsLM-j08nXDpG5MoWvbb/s1600/LABLES1.jpg" title="Add Customize Treandy Labels Cloud in Blogger (CSS)" width="320" /></a></div>
<br /></div>
<div style="text-align: center;">
<a class="btnlink2" href="http://demo2testmybloggercode.blogspot.in/" rel="nofollow" target="_blank"><b>LIVE DEMO</b></a>
</div>
<b><br /></b>
<b>How Navigation Labels Improve SEO</b><br />
<br />
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.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both;">
<b>Read more:</b> <a href="http://www.bloggerplanet.com/2014/10/how-navigation-labels-improve-seo-for-websites-blogs-blogger.html" target="_blank">How Labels and Tags Improve SEO for Websites or Blogs</a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<b>Read more:</b> <a href="http://www.bloggerplanet.com/2014/10/top-12-trending-css-labels-widgets-for-blogger.html" target="_blank">Top 12 Trending CSS Labels Cloud Widgets Collections</a></div>
<br />
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.<br />
<div>
<br /></div>
<br />
<br />
<b>Tested in> </b>Firefox 4, Safari 4, Chrome 13, Opera 10, IE 8<br />
<h3 style="text-align: left;">
How to Add Colorful CSS3 Labels Widget in Blogger</h3>
<br />
<ul style="text-align: left;">
<li>Go to <b>Blogger >> Layout>>Add Gaget</b></li>
<li>Choose “<b>Labels</b>” Widget.</li>
<li>Change Settings Like The Image Below </li>
</ul>
<div>
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1rFngtW3ccAo98GOaal62coBjPWYskqUdLjfEZAOmAVSdl6R0fkzcUrBgIJZdeQhIr43j3SIcd1rfiMQq1pmcV6fdpTmIOypnZ7UPU_9iOzl60Xbv-uGTrOAV5BlZ2JCsvfpGHwJwnNxD/s1600/Adding-Labels-Cloud-Widget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Add Customize Treandy Labels Cloud in Blogger (CSS)" border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1rFngtW3ccAo98GOaal62coBjPWYskqUdLjfEZAOmAVSdl6R0fkzcUrBgIJZdeQhIr43j3SIcd1rfiMQq1pmcV6fdpTmIOypnZ7UPU_9iOzl60Xbv-uGTrOAV5BlZ2JCsvfpGHwJwnNxD/s1600/Adding-Labels-Cloud-Widget.png" title="Add Customize Treandy Labels Cloud in Blogger (CSS)" width="320" /></a></div>
<br />
<br />
<ul style="text-align: left;">
<li>Go to <b>Blogger >> Template >> Edit HTML</b></li>
<li>Now Find <b>]]></b:skin></b> ( Press Ctrl+F button from keyboard to find)</li>
<li>Copy and Paste The Following Code Above <b>]]></b:skin></b></li>
</ul>
<br />
<br />
<br />
<div style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8s10ma6RLnPAX-DRoctfVQBYRIouEyiaH3NKr5uxMZFUESW6VaOEanQFvlMQgS1N_S0BLh9yd89GnYxkr95a2DhKfZ4AOyjvgEz_ix-pMqfeQgx0FX1l7NwQXM7-PaegH5BucurMBXdbz/s1600/MITHUN111.png); padding: 10px;">
<blockquote class="tr_bq">
<span style="color: white;">/--------BLOGGERPLANET.COM —————- */</span><br />
<span style="color: white;">.label-size{</span><br />
<span style="color: white;">margin:0 2px 6px 0;</span><br />
<span style="color: white;">padding: 3px;</span><br />
<span style="color: white;">text-transform: uppercase;</span><br />
<span style="color: white;">border: solid 1px #C6C6C6;</span><br />
<span style="color: white;">border-radius: 3px;</span><br />
<span style="color: white;">float:left;</span><br />
<span style="color: white;">text-decoration:none;</span><br />
<span style="color: white;">font-size:10px;</span><br />
<span style="color: white;">color:#666;</span><br />
<span style="color: white;">}</span><br />
<span style="color: white;">.label-size:hover {</span><br />
<span style="color: white;">border:1px solid #6BB5FF;</span><br />
<span style="color: white;">text-decoration: none;</span><br />
<span style="color: white;">-moz-transition: all 0.5s ease-out; </span><br />
<span style="color: white;">-o-transition: all 0.5s ease-out; </span><br />
<span style="color: white;">-webkit-transition: all 0.5s ease-out; </span><br />
<span style="color: white;">-ms-transition: all 0.5s ease-out; </span><br />
<span style="color: white;">transition: all 0.5s ease-out;</span><br />
<span style="color: white;">-moz-transform: rotate(7deg); </span><br />
<span style="color: white;">-o-transform: rotate(7deg); </span><br />
<span style="color: white;">-webkit-transform: rotate(7deg); </span><br />
<span style="color: white;">-ms-transform: rotate(7deg); </span><br />
<span style="color: white;">transform: rotate(7deg); </span><br />
<span style="color: white;">filter: progid:DXImageTransform.Microsoft.Matrix(</span><br />
<span style="color: white;">                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');</span><br />
<span style="color: white;">zoom: 1; </span><br />
<span style="color: white;">}</span><br />
<span style="color: white;">.label-size a  {</span><br />
<span style="color: white;">text-transform: uppercase;</span><br />
<span style="color: white;">float:left;</span><br />
<span style="color: white;">text-decoration: none;</span><br />
<span style="color: white;">}</span><br />
<span style="color: white;">.label-size a:hover  {</span><br />
<span style="color: white;">text-decoration: none;</span><br />
<span style="color: white;">}</span></blockquote>
</div>
<h4 style="text-align: left;">
</h4>
<h3 style="text-align: left;">
Costimization:</h3>
<b>Font-size: 10px;</b> = This is the Font Size of Labels/Tags that is displayed on your blogger. You can easily customize its font with your own choice.<br />
<br />
<b>Color: #666;</b> = 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.<br />
<br />
<br />
<br />
If you have any doubt in your mind, you may ask via comments or contact form.<br />
<br />
DON'T FORGET TO "<b>SUBSCRIBE</b>" or"<b>LIKE</b>" FOR FURTHER UPDATES<br />
<div>
<br /></div>
</div>
<style>.btnlink2 {
-moz-box-shadow: 0px 1px 0px 0px #fff6af;
-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
box-shadow: 0px 1px 0px 0px #fff6af;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1,
#ffab23));
background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64',
endColorstr='#ffab23',GradientType=0);
background-color:#ffec64;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #ffaa22;
display:inline-block;
cursor:pointer;
color:#333333;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #ffee66;
}
.btnlink2:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1,
#ffec64));
background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23',
endColorstr='#ffec64',GradientType=0);
background-color:#ffab23;
}
.btnlink2:active {
position:relative;
top:1px;
}</style></div>