Blogger Planet: BLOGGER WIDGETS

Add Pinterest Pin it Hover Button to your Blogger Images

<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/AVvXsEjA2UemEqX9yXLLBQyvyyQEoidiVfgejtetfx3myUPEgnYwbD6-uokJl3-NJIwgPM3GQTLeH36e4kFtdXKkq4wl9XGVTU-URcw5lXeTrWOJsks9-9srntAMI4ZtSuaIc3JACd7UU6Q9Bdzi/s1600/pinitpost.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Add Pinterest Pin it Hover Button to your Blogger Images" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA2UemEqX9yXLLBQyvyyQEoidiVfgejtetfx3myUPEgnYwbD6-uokJl3-NJIwgPM3GQTLeH36e4kFtdXKkq4wl9XGVTU-URcw5lXeTrWOJsks9-9srntAMI4ZtSuaIc3JACd7UU6Q9Bdzi/s1600/pinitpost.jpg" title="Add Pinterest Pin it Hover Button to your Blogger Images" width="320" /></a></div>
Images have always played a prominent role in attracting new visitors through search engines like Google and Bing.<br />
Due to numerous requests from our readers, here we present yet another Pinterest pin it button widget. This time a button that appears when you mouseover or hover any image in your posts.<br />
<br />
Pinterest lets blog owners use their service to add a 'pin' to photos or content images on the site. When visitors of that site see a photo they like, they can choose to click on the red Pinterest button for Blogger, and add it to their Pinterest account.<br />
<br />
<br />
<br />
<br />
<br />
The person who pressed your Pinterest button for Blogger can now see your photo on their dashboard, and share it with friends or followers on the service. They can also come across this photo when users add keywords or category tags to the image. More importantly, that photo links to your site when clicked on and will contain a description title of your blog name or post.<br />
Therefore, adding the Pinterest button for Blogger will help you to benefit from tons of new traffic coming from Pinterest and people who had found your photos and post links using the service. Here are some steps to add your very own Pinterest button.<br />
<br />
<br />
<b>Tested in> </b>Firefox 4, Safari 4, Chrome 13, Opera 10, IE 8<br />
<br />
<h3 style="text-align: left;">
How to Add Pinterest Pin it Button in Blogger</h3>
<ul style="text-align: left;">
<li>Go to <b>Blogger >> Template >> Edit HTML</b></li>
<li>Now Find <b></body></b> ( Press Ctrl+F button from keyboard to find)</li>
<li>Copy and Paste The Following Code Above <b></body></b></li>
<li>Save the Template </li>
<li>You are Done!</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;"><script></span><br />
<span style="color: white;">//<![CDATA[</span><br />
<span style="color: white;">var custom_pinit_button = "</span><span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjytKmkAbBM3oe8d1Sz7UM4DKr3pkFHzWKYwnhC3uIR2cwPzDCnXs8WtpoWenqI4HVWBhMzfXj7loAOc6AvUXVrzpZpGvyULJ7IYJlIVM5uMEI1U-3-UE7E4adb11QhsTLcMi2NqvpYQobO/s1600/pinit-button.png</span><span style="color: white;">";</span><br />
<span style="color: white;">var pinit_button_position = "</span><span style="color: lime;">center</span><span style="color: white;">";</span><br />
<span style="color: white;">var pinit_button_before = "";</span><br />
<span style="color: white;">var pinit_button_after = "";</span><br />
<span style="color: white;">//]]></span><br />
<span style="color: white;"></script></span><br />
<span style="color: white;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script></span><br />
<span style="color: white;"><script id='pinit-img-button' src='https://fd096cbee9cf47b42eabb0b206ba9505e55e75be.googledrive.com/host/0B7GoCxinlqjyVVlLY056UDlXaGc/PIN%20IT%20BUTTON%20ON%20HOVER.txt' type='text/javascript'></span><br />
<span style="color: white;"></script></span></blockquote>
</div>
<br />
<h3 style="text-align: left;">
Costimization:</h3>
<ul style="text-align: left;">
<li>To use your own button replace the code in <span style="color: red;">RED</span> with the url of your new button. </li>
<li>Change the Position of the Pin It Button:</li>
</ul>
Replace “<span style="color: lime;">center</span>” with one of these positions:<br />
<div style="text-align: left;">
</div>
<ol style="text-align: left;">
<li><span style="color: orange;">topleft</span></li>
<li><span style="color: orange;">topright</span></li>
<li><span style="color: orange;">bottomleft</span></li>
<li><span style="color: orange;">bottomright</span></li>
</ol>
<br />
<br />
DON'T FORGET TO "<b>SUBSCRIBE</b>" or"<b>LIKE</b>" FOR FURTHER UPDATES</div>
</div>

BLOGGER WIDGETS Add Pinterest Pin it Hover Button to your Blogger Images

Images have always played a prominent role in attracting new visitors through search engines like Google and Bing. Due to numerous requ...

How to Add PayPal Donation Button Widget in Blogger blog

1:34 AM 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/AVvXsEgFnhgub9dUmK26MgWlMJ0DHGqVk06VVy-Nj7_Meh_Set9kvL7U-UArZ2oUmvL-_1RFSiAlD-ZfYFfuv7PkoGBDKNLVqjT_DmAv2RyOXKxqhCyWyq9phLjWGmGQO-kViKQBaUTpQgwglYAI/s1600/paypal-donation-button-blogger-blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img alt="PayPal Donation Button Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFnhgub9dUmK26MgWlMJ0DHGqVk06VVy-Nj7_Meh_Set9kvL7U-UArZ2oUmvL-_1RFSiAlD-ZfYFfuv7PkoGBDKNLVqjT_DmAv2RyOXKxqhCyWyq9phLjWGmGQO-kViKQBaUTpQgwglYAI/s1600/paypal-donation-button-blogger-blog.jpg" title="PayPal Donation Button Widget" /></a></div>
<br />
To receive donations or payments you need to have a <a href="http://www.paypal.com/" rel="nofollow" target="_blank">PayPal account</a>. If you don’t have one then go and create your PayPal account first (Personal account or Business account). Make sure to confirm your email address.<br />
<br />
<h4 style="text-align: left;">
</h4>
<div>
<br /></div>
<div>
<br /></div>
<h4 style="text-align: left;">
The process of adding a PayPal donation button in your Blogger blog involves only two steps that is:</h4>
<br />
<div style="text-align: left;">
</div>
<ol style="text-align: left;">
<li><b>Generating the code for donation button in PayPal website.</b></li>
<li><b>Adding the generated code into your Blogger blog.</b></li>
</ol>
<br />
You can create from both personal account and Business account. If you want you can upgrade your personal account to business as a sole proprietor. To upgrade your account go to this link, click on sign up and enter all the necessary details for your business account. People can send donations to you via credit card and debit cards only if you have a business account.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9eNalUJScwtBR1IaNUgOw44atmkTO4-JnUB_OQ0lZgR2z65K5NdOBck33p9n8XDFhlEtqyGGDJhrVfnaDR4-cc36EsSTm_b6nDfbzIJeaP7NrjWjbVy4yHebLIGQbygPzqElrNHEg5Cev/s1600/paypal-donation-button-blogger-blog2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="PayPal Donation Button Widget" border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9eNalUJScwtBR1IaNUgOw44atmkTO4-JnUB_OQ0lZgR2z65K5NdOBck33p9n8XDFhlEtqyGGDJhrVfnaDR4-cc36EsSTm_b6nDfbzIJeaP7NrjWjbVy4yHebLIGQbygPzqElrNHEg5Cev/s1600/paypal-donation-button-blogger-blog2.jpg" title="PayPal Donation Button Widget" width="400" /></a></div>
<br />
<h3 style="text-align: left;">
How to create a donation button in PayPal</h3>
<br />
O.K all done, hope you have created your PayPal account. Now we suggest you to logout from your PayPal account so that the process becomes simple.<br />
<br />
Now <a href="https://www.paypal.com/us/cgi-bin/?cmd=_donate-intro-outside" rel="nofollow" target="_blank">follow this link </a>and click on “<b>create your button now</b>” which will lead you to next page.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Pd0zR6UEJpMS9oTMJX454m0dKLE2Q_5qznlz7K2qWdcrvIchWmDnKO_GNhIDTTBqJM3r40-I_hkjtymsFzFKqY566X5NcTZkhyM5TVxdoFfvpXSxwSF4G9QT4XaUW8_T5HlnCR3KZL3G/s1600/paypal-donation-button-blogger-blog3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img alt="PayPal Donation Button Widget" border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Pd0zR6UEJpMS9oTMJX454m0dKLE2Q_5qznlz7K2qWdcrvIchWmDnKO_GNhIDTTBqJM3r40-I_hkjtymsFzFKqY566X5NcTZkhyM5TVxdoFfvpXSxwSF4G9QT4XaUW8_T5HlnCR3KZL3G/s1600/paypal-donation-button-blogger-blog3.jpg" title="PayPal Donation Button Widget" width="400" /></a></div>
<br />
<br />
<li>Choose your button type that is Donations.</li>
<li>Enter the organization name or service and leave the donation ID field blank which is optional.</li>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihdpqwv-8oHumiGLpwsku3V-Fak-orLA4uLBOUe_YrTfU3g0rsVIXXnJMpgJC3LYNZ48cCEzIPyLBuw65-fb7MsyHzkAtmZ6iOPD2hQgzMSwQNCZT8mckVOF1TeVOhamr-5mBSX3GNy4Xw/s1600/paypal-donation-button-blogger-blog4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img alt="PayPal Donation Button Widget" border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihdpqwv-8oHumiGLpwsku3V-Fak-orLA4uLBOUe_YrTfU3g0rsVIXXnJMpgJC3LYNZ48cCEzIPyLBuw65-fb7MsyHzkAtmZ6iOPD2hQgzMSwQNCZT8mckVOF1TeVOhamr-5mBSX3GNy4Xw/s1600/paypal-donation-button-blogger-blog4.jpg" title="PayPal Donation Button Widget" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul>
<li><span style="text-align: left;">You can now start customizing the donation button. You can use your own customized button or you can choose the default PayPal button. Choose country and language. Display credit card logos if you want below the donation button.-Creating donation button in PayPal</span></li>
</ul>
<br />
<div>
<span style="text-align: left;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo2fZatx_3T6d2jqmbnLQhZnMoUpsc3wG81ApAHN2ePzfW-RqzEDtBon5TPRjCiOwPfh4UZMIC2cgLYyGyXNYKoXbOH5ArG0mgO7qg5w_Oxno3GJYtw-uTZOlk7ZrJIJIEni4EoXsxwsLl/s1600/paypal-donation-button-blogger-blog5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img alt="PayPal Donation Button Widget" border="0" height="183" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo2fZatx_3T6d2jqmbnLQhZnMoUpsc3wG81ApAHN2ePzfW-RqzEDtBon5TPRjCiOwPfh4UZMIC2cgLYyGyXNYKoXbOH5ArG0mgO7qg5w_Oxno3GJYtw-uTZOlk7ZrJIJIEni4EoXsxwsLl/s1600/paypal-donation-button-blogger-blog5.jpg" title="PayPal Donation Button Widget" width="400" /></a></div>
<ul>
<li>Next choose currency and select the option for contribution amount. You can make donors to enter their own contribution amount or you can set a fixed amount for contribution.</li>
<li>At last enter your PayPal email address and click on create button.How to add in Blogger - Create and add PayPal donation button to Blogger</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTFi_pvIWIyQewU6nfVXeNR0Lyh1kP7Bn7o7qfGhdppusjiViPklXjLqfFi1rP5aCIfdldvzHR5cBXX4qJFujniUoTAJ0Ydh0qKhEM0CH8-mBuHVjtNAW8HiEC2exvYrtQimpo3tL1Tmyg/s1600/paypal-donation-button-blogger-blog6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img alt="PayPal Donation Button Widget" border="0" height="328" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTFi_pvIWIyQewU6nfVXeNR0Lyh1kP7Bn7o7qfGhdppusjiViPklXjLqfFi1rP5aCIfdldvzHR5cBXX4qJFujniUoTAJ0Ydh0qKhEM0CH8-mBuHVjtNAW8HiEC2exvYrtQimpo3tL1Tmyg/s1600/paypal-donation-button-blogger-blog6.jpg" title="PayPal Donation Button Widget" width="400" /></a></div>
<br />
<br />
<li>Now PayPal will generates you two codes in which one is a website code and another one is email code.</li>
<li>Under website tab click on select code and copy it. Now login to your Blogger blog.</li>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKOgB7Ks5GV4jeGO56pj5DBrhymiQCRaKiHO48AfXcJ9-CAc0q41szjCeM1ziuv-ey5t3xzySAj_OpKibpPxQK5I0aKfXecUIu3cydOZSVo9B-6fMr3_ynsLkuiGHkwB-W5yhyphenhyphen5MqYfEJ8/s1600/paypal-donation-button-blogger-blog7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="PayPal Donation Button Widget" border="0" height="163" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKOgB7Ks5GV4jeGO56pj5DBrhymiQCRaKiHO48AfXcJ9-CAc0q41szjCeM1ziuv-ey5t3xzySAj_OpKibpPxQK5I0aKfXecUIu3cydOZSVo9B-6fMr3_ynsLkuiGHkwB-W5yhyphenhyphen5MqYfEJ8/s1600/paypal-donation-button-blogger-blog7.jpg" title="PayPal Donation Button Widget" width="400" /></a></div>
<br />
<br />
<br />
<h3 style="text-align: left;">
Adding  in Blogger</h3>
<br />
<ul style="text-align: left;">
<li>Go to<b> Blogger >> Layout>>Add Gaget</b></li>
<li>Choose “<b>HTML/JavaScript</b>” Widget.</li>
<li>In the <b>HTML/JavaScript </b>widget paste code and save the widget.</li>
</ul>
<br />
<h3 style="text-align: left;">
Add PayPal donation button in Blogger using email code</h3>
<br />
First create your cutom button for PayPal donation or you can get different PayPal donate images from here, from here, from here and from here. Next copy the email code from PayPal website. Now add anywhere in your blog by linking to that email code. Here is a detailed article on adding title, link and alt tags to Blogger images.<br />
<br />
<blockquote class="tr_bq">
<b>Sample:</b> <a href=”Your PayPal Email code”><img alt=”” src=”Donation button image URL” title=”Please Donate” /></a></blockquote>
<br />
You can also add under all posts or in any particular posts. But sidebar is a great place to add such things because your visitors will have an eye on that every time when they visit your blog.<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 />
<br /></div>

BEGINNERS GUIDE BLOGGER WIDGETS How to Add PayPal Donation Button Widget in Blogger blog

To receive donations or payments you need to have a PayPal account . If you don’t have one then go and create your PayPal account first ...

10+ Smooth Scrolling "Back To Top" Button Widget For Blogger

2:08 AM 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/AVvXsEi0_PI2MhXwEkeLrZ5t6WHVbA4d8f_994ZjnSRr2bf7nTk_nVzcjy1QdfwBiSeYSvfjP6GnMCEZMPeK9YhSZNtC3piWhUn-npLxU28IHoYKlPPSTVB4f-lmEB0WHSWIDera5CVeqM3dP1W0/s1600/back-to-top-widget-for-bloggers-300x300.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Back To Top Button Widget For Blogger" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0_PI2MhXwEkeLrZ5t6WHVbA4d8f_994ZjnSRr2bf7nTk_nVzcjy1QdfwBiSeYSvfjP6GnMCEZMPeK9YhSZNtC3piWhUn-npLxU28IHoYKlPPSTVB4f-lmEB0WHSWIDera5CVeqM3dP1W0/s1600/back-to-top-widget-for-bloggers-300x300.jpg" title="Back To Top Button Widget For Blogger" width="200" /></a></div>
<br />
In some blogger templates we get inbuilt back to top feature but this feature is not always available in all blogger templates and therefore we need to install it manually. There are many back to top widgets that are available on different sites but not all of them are smooth.<br />
The best thing about this button is that it appears only when the user scrolls down the page and disappears as he scrolls up.<br />
<div>
<br /></div>
<div>
<b>Tested in></b> Firefox , Safari , Chrome , Opera , IE </div>
<div>
<br /></div>
<div>
<br />
<br /></div>
<div>
<div>
<h3 style="text-align: left;">
How to Add Back To Top Button Widget for Blogger </h3>
</div>
<div>
<br />
<ul style="text-align: left;">
<li>Go to <b>Blogger >> Layout>>Add Gaget</b></li>
<li>Choose “<b>HTML/JavaScript</b>” Widget.</li>
<li>In the <b>HTML/JavaScript</b> widget paste code of the search box widget and save the widget.</li>
</ul>
</div>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<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;"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script></span><br />
<span style="color: white;"><script type="text/javascript" ></span><br />
<span style="color: white;">var scrolltotop={</span><br />
<span style="color: white;">    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control</span><br />
<span style="color: white;">    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).</span><br />
<span style="color: white;">    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},</span><br />
<span style="color: white;">    controlHTML: '<img src="</span><span style="color: red;">IMAGE LINK</span><span style="color: white;">" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"</span><br />
<span style="color: white;">    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner</span><br />
<span style="color: white;">    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links</span><br />
<span style="color: white;">    state: {isvisible:false, shouldvisible:false},</span><br />
<span style="color: white;">    scrollup:function(){</span><br />
<span style="color: white;">        if (!this.cssfixedsupport) //if control is positioned using JavaScript</span><br />
<span style="color: white;">            this.$control.css({opacity:0}) //hide control immediately after clicking it</span><br />
<span style="color: white;">        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)</span><br />
<span style="color: white;">        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists</span><br />
<span style="color: white;">            dest=jQuery('#'+dest).offset().top</span><br />
<span style="color: white;">        else</span><br />
<span style="color: white;">            dest=0</span><br />
<span style="color: white;">        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);</span><br />
<span style="color: white;">    },</span><br />
<span style="color: white;">    keepfixed:function(){</span><br />
<span style="color: white;">        var $window=jQuery(window)</span><br />
<span style="color: white;">        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx</span><br />
<span style="color: white;">        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety</span><br />
<span style="color: white;">        this.$control.css({left:controlx+'px', top:controly+'px'})</span><br />
<span style="color: white;">    },</span><br />
<span style="color: white;">    togglecontrol:function(){</span><br />
<span style="color: white;">        var scrolltop=jQuery(window).scrollTop()</span><br />
<span style="color: white;">        if (!this.cssfixedsupport)</span><br />
<span style="color: white;">            this.keepfixed()</span><br />
<span style="color: white;">        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false</span><br />
<span style="color: white;">        if (this.state.shouldvisible && !this.state.isvisible){</span><br />
<span style="color: white;">            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])</span><br />
<span style="color: white;">            this.state.isvisible=true</span><br />
<span style="color: white;">        }</span><br />
<span style="color: white;">        else if (this.state.shouldvisible==false && this.state.isvisible){</span><br />
<span style="color: white;">            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])</span><br />
<span style="color: white;">            this.state.isvisible=false</span><br />
<span style="color: white;">        }</span><br />
<span style="color: white;">    },</span><br />
<span style="color: white;">   </span><br />
<span style="color: white;">    init:function(){</span><br />
<span style="color: white;">        jQuery(document).ready(function($){</span><br />
<span style="color: white;">            var mainobj=scrolltotop</span><br />
<span style="color: white;">            var iebrws=document.all</span><br />
<span style="color: white;">            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode</span><br />
<span style="color: white;">            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')</span><br />
<span style="color: white;">            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')</span><br />
<span style="color: white;">                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})</span><br />
<span style="color: white;">                .attr({title:'Scroll Back to Top'})</span><br />
<span style="color: white;">                .click(function(){mainobj.scrollup(); return false})</span><br />
<span style="color: white;">                .appendTo('body')</span><br />
<span style="color: white;">            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text</span><br />
<span style="color: white;">                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text</span><br />
<span style="color: white;">            mainobj.togglecontrol()</span><br />
<span style="color: white;">            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){</span><br />
<span style="color: white;">                mainobj.scrollup()</span><br />
<span style="color: white;">                return false</span><br />
<span style="color: white;">            })</span><br />
<span style="color: white;">            $(window).bind('scroll resize', function(e){</span><br />
<span style="color: white;">                mainobj.togglecontrol()</span><br />
<span style="color: white;">            })</span><br />
<span style="color: white;">        })</span><br />
<span style="color: white;">    }</span><br />
<span style="color: white;">}</span><br />
<span style="color: white;">scrolltotop.init()</span><br />
<span style="color: white;"></script></span></blockquote>
</div>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<div>
<h3 style="text-align: left;">
Customizations:</h3>
</div>
<div>
<br />
<ul style="text-align: left;">
<li>Replace <span style="color: red;">IMAGE LINK</span> with the URL of the button you have selected.</li>
</ul>
</div>
</div>
<div>
</div>
<div>
<b style="color: #0c343d;"><br /></b></div>
<div>
<b style="color: #0c343d;"><br /></b></div>
<div>
<b style="color: #0c343d;"><br /></b></div>
<div>
<b style="color: #0c343d;"><br /></b></div>
<div>
<b style="color: #0c343d;"><br /></b></div>
<div>
<b style="color: #0c343d;"> STYLE.1</b></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQs4B2_aWovypSd-7S4pXTC8Ic29mWDc2k7cYfCFCSp9rbPPUNKbjGyWWcT0pbS3uUs-yoKt8ED54jAFg9iCcZRQvTZavldYoixhX6UNVKbYzjE56bk20RCzSt1kkrFTUTNSWtyN9Z_P1J/s1600/circle5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Back To Top Button Widget For Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQs4B2_aWovypSd-7S4pXTC8Ic29mWDc2k7cYfCFCSp9rbPPUNKbjGyWWcT0pbS3uUs-yoKt8ED54jAFg9iCcZRQvTZavldYoixhX6UNVKbYzjE56bk20RCzSt1kkrFTUTNSWtyN9Z_P1J/s1600/circle5.png" title="Back To Top Button Widget For Blogger" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<blockquote class="tr_bq" style="clear: both; text-align: center;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQs4B2_aWovypSd-7S4pXTC8Ic29mWDc2k7cYfCFCSp9rbPPUNKbjGyWWcT0pbS3uUs-yoKt8ED54jAFg9iCcZRQvTZavldYoixhX6UNVKbYzjE56bk20RCzSt1kkrFTUTNSWtyN9Z_P1J/s1600/circle5.png</blockquote>
<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 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>
 <b style="color: #0c343d;">STYLE.2</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGNvJX3kaVCAzyv5MjQ9_V13gx2fjdY0ByUkBhGnKSVlQxqjEyhP7cS2VQ9Z3oDW11Z96IhTNxOxYgZ_LgZp5QMhG3REGla7iIB4EGR1c3c3r1-flS5bfyqWabmxv53g_1yEBVBnL_oD0J/s1600/go+to+top+button.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Back To Top Button Widget For Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGNvJX3kaVCAzyv5MjQ9_V13gx2fjdY0ByUkBhGnKSVlQxqjEyhP7cS2VQ9Z3oDW11Z96IhTNxOxYgZ_LgZp5QMhG3REGla7iIB4EGR1c3c3r1-flS5bfyqWabmxv53g_1yEBVBnL_oD0J/s1600/go+to+top+button.jpg" title="Back To Top Button Widget For Blogger" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<blockquote class="tr_bq" style="clear: both; text-align: center;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGNvJX3kaVCAzyv5MjQ9_V13gx2fjdY0ByUkBhGnKSVlQxqjEyhP7cS2VQ9Z3oDW11Z96IhTNxOxYgZ_LgZp5QMhG3REGla7iIB4EGR1c3c3r1-flS5bfyqWabmxv53g_1yEBVBnL_oD0J/s1600/go+to+top+button.jpg</blockquote>
<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 class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
 <b style="color: #0c343d;">STYLE.3</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-SPQ1iGDyz40wvf-1wuMjLK3Mr6RK_4cr0O0_aJSxbhodkL6mhNFIpAAHiqGAb-AEU3aLAQ4dg5Por_1NqrZF0VjgCe5jtjhcZVc9ePu3-Nwv3hQruCSE-zXR3hDHQ0RNleEtYY-aaJlI/s1600/go+to+top.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Back To Top Button Widget For Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-SPQ1iGDyz40wvf-1wuMjLK3Mr6RK_4cr0O0_aJSxbhodkL6mhNFIpAAHiqGAb-AEU3aLAQ4dg5Por_1NqrZF0VjgCe5jtjhcZVc9ePu3-Nwv3hQruCSE-zXR3hDHQ0RNleEtYY-aaJlI/s1600/go+to+top.png" title="Back To Top Button Widget For Blogger" /></a></div>
<blockquote class="tr_bq" style="clear: both; text-align: center;">
<div>
<br />
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-SPQ1iGDyz40wvf-1wuMjLK3Mr6RK_4cr0O0_aJSxbhodkL6mhNFIpAAHiqGAb-AEU3aLAQ4dg5Por_1NqrZF0VjgCe5jtjhcZVc9ePu3-Nwv3hQruCSE-zXR3hDHQ0RNleEtYY-aaJlI/s1600/go+to+top.png<br />
<div>
<br /></div>
</div>
</blockquote>
</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 class="separator" style="clear: both; text-align: center;">
<br /></div>
 <b style="color: #0c343d;">STYLE.4</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSnoRw4B20I4w71qVlF2X71uoZkOQDixCChPdsYweggV6Qd6r6L_RCqoRWisp_6MURwMAiOjbU9ZWssNDGqV_Dp1j5vIvBDaFRBlBiSWJMd5ZN1BJLV10ZUDXGpHJrQc9PYIQ1-KQBtsSR/s1600/square2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Back To Top Button Widget For Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSnoRw4B20I4w71qVlF2X71uoZkOQDixCChPdsYweggV6Qd6r6L_RCqoRWisp_6MURwMAiOjbU9ZWssNDGqV_Dp1j5vIvBDaFRBlBiSWJMd5ZN1BJLV10ZUDXGpHJrQc9PYIQ1-KQBtsSR/s1600/square2.png" title="Back To Top Button Widget For Blogger" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<blockquote class="tr_bq" style="clear: both; text-align: center;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSnoRw4B20I4w71qVlF2X71uoZkOQDixCChPdsYweggV6Qd6r6L_RCqoRWisp_6MURwMAiOjbU9ZWssNDGqV_Dp1j5vIvBDaFRBlBiSWJMd5ZN1BJLV10ZUDXGpHJrQc9PYIQ1-KQBtsSR/s1600/square2.png</blockquote>
<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 class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
 <b style="color: #0c343d;">STYLE.5</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht70aOhL4y-1uTF-Iak4l20Jd7m996E_iKD948X1WxokimGTvrNH-h4e8UZwjvbJybYVL3oGiftqCTGhRnu41F00qhCeXYzqncUSkfY2CdqsA-N9DlI4ZjTATCQW9LUktO7tcIo2YlguOi/s1600/up+arrow+image.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Back To Top Button Widget For Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht70aOhL4y-1uTF-Iak4l20Jd7m996E_iKD948X1WxokimGTvrNH-h4e8UZwjvbJybYVL3oGiftqCTGhRnu41F00qhCeXYzqncUSkfY2CdqsA-N9DlI4ZjTATCQW9LUktO7tcIo2YlguOi/s1600/up+arrow+image.png" title="Back To Top Button Widget For Blogger" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<blockquote class="tr_bq" style="clear: both; text-align: center;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht70aOhL4y-1uTF-Iak4l20Jd7m996E_iKD948X1WxokimGTvrNH-h4e8UZwjvbJybYVL3oGiftqCTGhRnu41F00qhCeXYzqncUSkfY2CdqsA-N9DlI4ZjTATCQW9LUktO7tcIo2YlguOi/s1600/up+arrow+image.png</blockquote>
<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 class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
<span style="color: #0c343d;"><b>STYLE.6</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPG2s7PYGZqiNPuxif8Db2iLKuyRsMw5M-9WpVbqippwjrxjxjk8j5txBz99_8onPiFRvZlD2gF389GBuT4ybH7Ylb5wrWhnx2l-2weN9DkjxYkcQoDBqaK83MJI1VpT6kGXwiyjz-AOpQ/s1600/1uparrow.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Back To Top Button Widget For Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPG2s7PYGZqiNPuxif8Db2iLKuyRsMw5M-9WpVbqippwjrxjxjk8j5txBz99_8onPiFRvZlD2gF389GBuT4ybH7Ylb5wrWhnx2l-2weN9DkjxYkcQoDBqaK83MJI1VpT6kGXwiyjz-AOpQ/s1600/1uparrow.png" title="Back To Top Button Widget For Blogger" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<blockquote class="tr_bq" style="clear: both; text-align: center;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPG2s7PYGZqiNPuxif8Db2iLKuyRsMw5M-9WpVbqippwjrxjxjk8j5txBz99_8onPiFRvZlD2gF389GBuT4ybH7Ylb5wrWhnx2l-2weN9DkjxYkcQoDBqaK83MJI1VpT6kGXwiyjz-AOpQ/s1600/1uparrow.pngm </blockquote>
<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 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>
 <b style="color: #0c343d;">STYLE.7</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjxSQ4UT8rHeHeGWIML9YSh1OkQwx9i3XoNWKqrE_A92heOJh-wVcpCimKRzGpGULVSfRCBXbB0AWApXJd7JH5uE1FMqjWLtCY5wMt9SVu8JKLSib109MsIrvwiZTcLBLePDxVVS3cj6xJ/s1600/2%5B4%5D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Back To Top Button Widget For Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjxSQ4UT8rHeHeGWIML9YSh1OkQwx9i3XoNWKqrE_A92heOJh-wVcpCimKRzGpGULVSfRCBXbB0AWApXJd7JH5uE1FMqjWLtCY5wMt9SVu8JKLSib109MsIrvwiZTcLBLePDxVVS3cj6xJ/s1600/2%5B4%5D.png" title="Back To Top Button Widget For Blogger" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<blockquote class="tr_bq" style="clear: both; text-align: center;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjxSQ4UT8rHeHeGWIML9YSh1OkQwx9i3XoNWKqrE_A92heOJh-wVcpCimKRzGpGULVSfRCBXbB0AWApXJd7JH5uE1FMqjWLtCY5wMt9SVu8JKLSib109MsIrvwiZTcLBLePDxVVS3cj6xJ/s1600/2%5B4%5D.png</blockquote>
<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 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 class="separator" style="clear: both; text-align: center;">
<br /></div>
 <b style="color: #0c343d;">STYLE.8</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9Q7AuqwqwEpMJLyJxJbC_dbwVaGO67D6vt3mvzgJmX3_6rEnvmhBP24XNcsjOm_mFvPBSDIGlmxLtJgH_27PYVi3CaiM4-WfnkT-UwH8bP8YDS80gRApK9hfChvsI5psq89Kqr9QgNTFN/s1600/9%5B4%5D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Back To Top Button Widget For Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9Q7AuqwqwEpMJLyJxJbC_dbwVaGO67D6vt3mvzgJmX3_6rEnvmhBP24XNcsjOm_mFvPBSDIGlmxLtJgH_27PYVi3CaiM4-WfnkT-UwH8bP8YDS80gRApK9hfChvsI5psq89Kqr9QgNTFN/s1600/9%5B4%5D.png" title="Back To Top Button Widget For Blogger" /></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>
<blockquote class="tr_bq" style="clear: both; text-align: center;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9Q7AuqwqwEpMJLyJxJbC_dbwVaGO67D6vt3mvzgJmX3_6rEnvmhBP24XNcsjOm_mFvPBSDIGlmxLtJgH_27PYVi3CaiM4-WfnkT-UwH8bP8YDS80gRApK9hfChvsI5psq89Kqr9QgNTFN/s1600/9%5B4%5D.png</blockquote>
<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 class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
 <b style="color: #0c343d;">STYLE.9</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0L2Xn_3jVE0Xe0lDRTondoNe9Z1iCXjxMwBdl-tblSVv5SVmMM7kH8g9iJXNlwObU_bC6VxPGecXuJLuDUufooCfSTsez88qgAa4WuU6tM_Vs2Vypjdj_lJb5qBrDBOhyobhbe9iICPkU/s1600/arrow7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Back To Top Button Widget For Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0L2Xn_3jVE0Xe0lDRTondoNe9Z1iCXjxMwBdl-tblSVv5SVmMM7kH8g9iJXNlwObU_bC6VxPGecXuJLuDUufooCfSTsez88qgAa4WuU6tM_Vs2Vypjdj_lJb5qBrDBOhyobhbe9iICPkU/s1600/arrow7.png" title="Back To Top Button Widget For Blogger" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<blockquote class="tr_bq" style="clear: both; text-align: center;">
<div>
<br /></div>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0L2Xn_3jVE0Xe0lDRTondoNe9Z1iCXjxMwBdl-tblSVv5SVmMM7kH8g9iJXNlwObU_bC6VxPGecXuJLuDUufooCfSTsez88qgAa4WuU6tM_Vs2Vypjdj_lJb5qBrDBOhyobhbe9iICPkU/s1600/arrow7.png</blockquote>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: white;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
 <b style="color: #0c343d;">STYLE.10</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNV1W6O9ls7aIVzSvRD4R4Pceyq1lZXbNNCF8lRvqj7PYHQG38TSGPq99U5N_hzJ7orcHxlaQkyiC8bBYN_fBti7jzvm_o6qb7oeUpSXMV1j56Ok7YPpo8XJeVytMr0qxbUJ_FsMZdKwpO/s1600/back-to-top-small-1%5B4%5D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Back To Top Button Widget For Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNV1W6O9ls7aIVzSvRD4R4Pceyq1lZXbNNCF8lRvqj7PYHQG38TSGPq99U5N_hzJ7orcHxlaQkyiC8bBYN_fBti7jzvm_o6qb7oeUpSXMV1j56Ok7YPpo8XJeVytMr0qxbUJ_FsMZdKwpO/s1600/back-to-top-small-1%5B4%5D.png" title="Back To Top Button Widget For Blogger" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<blockquote class="tr_bq" style="clear: both; text-align: center;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNV1W6O9ls7aIVzSvRD4R4Pceyq1lZXbNNCF8lRvqj7PYHQG38TSGPq99U5N_hzJ7orcHxlaQkyiC8bBYN_fBti7jzvm_o6qb7oeUpSXMV1j56Ok7YPpo8XJeVytMr0qxbUJ_FsMZdKwpO/s1600/back-to-top-small-1%5B4%5D.png</blockquote>
<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 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>
 <b style="color: #0c343d;">STYLE.11</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifcwgPo9pVMH6VoiRyCVZrzZcWayTKzPWj4sNZdQitn6HxMqeP6VuS35dxwoZH_WeWRQqUBiQkkwdbMns4HWsH4GnxQH0L0f0O92jdI82sPUQRiPQOj-I05Gd_uxQC1uZBwH1FxSH-k6ve/s1600/Back-to-top.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Back To Top Button Widget For Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifcwgPo9pVMH6VoiRyCVZrzZcWayTKzPWj4sNZdQitn6HxMqeP6VuS35dxwoZH_WeWRQqUBiQkkwdbMns4HWsH4GnxQH0L0f0O92jdI82sPUQRiPQOj-I05Gd_uxQC1uZBwH1FxSH-k6ve/s1600/Back-to-top.png" title="Back To Top Button Widget For Blogger" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<blockquote class="tr_bq" style="clear: both; text-align: center;">
<div>
<br />
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifcwgPo9pVMH6VoiRyCVZrzZcWayTKzPWj4sNZdQitn6HxMqeP6VuS35dxwoZH_WeWRQqUBiQkkwdbMns4HWsH4GnxQH0L0f0O92jdI82sPUQRiPQOj-I05Gd_uxQC1uZBwH1FxSH-k6ve/s1600/Back-to-top.png</div>
</blockquote>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
<br /></div>
<div>
<div>
If you have any doubt in your mind, you may ask via comments or contact form.</div>
<div>
<br /></div>
<div>
DON'T FORGET TO "<b>SUBSCRIBE</b>" or"<b>LIKE</b>" FOR FURTHER UPDATES</div>
<div>
<br /></div>
</div>
</div>

10+ Smooth Scrolling "Back To Top" Button Widget For Blogger

In some blogger templates we get inbuilt back to top feature but this feature is not always available in all blogger templates and ther...

15 Stylish Search Box Widgets for Blogger

2:18 PM mithun 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 style="text-align: left;">
</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcCe5_UnNmRQrognvVbdcfp6v_1mke0DF6dGpUsFx0TRdaWEGOjpro3rJVPwKb7qZ_m0IX5rtzLwG5apvHwuvWSHlGDA-oAKDhg-ssT-PLDdWCOQtNMsf5FQfm4QSMjLI7-sYKDIaxKyd_/s1600/search+box1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="search box widgets for blogger " border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcCe5_UnNmRQrognvVbdcfp6v_1mke0DF6dGpUsFx0TRdaWEGOjpro3rJVPwKb7qZ_m0IX5rtzLwG5apvHwuvWSHlGDA-oAKDhg-ssT-PLDdWCOQtNMsf5FQfm4QSMjLI7-sYKDIaxKyd_/s1600/search+box1.jpg" title="search box widgets for blogger " width="200" /></a></div>
Blogger has its own search box widget for their blogs but its design is not very attractive. It is an old school design widget. In this post we will discuss about adding custom search box to a blogger blog. We will also provide 5 Stylish and attractive search box designs for your blogger blogs. These search box designs are applicable to almost any type of blog design. Adding these search boxes to your blog  is like a breeze, you just need to copy and paste the code on your blog without any modifications in it.<br />
<br />
<b><br /></b><b>Is it necessary to add search box in our blog?</b><br />
<br />
Yes, it is very important to add search box in our blog. By using search box blog visitors can search any post in our blog`s archive without any effort. Suppose you have a large blog with thousands of posts then it is very difficult for your blog visitors to find any specific article in your blog by going through the complete archive of your blog posts. If you have search box installed on your blog then visitors can directly search any post by using it. In this way search box helps blog visitors to easily navigate through your blog and get their required information<br />
<h4>
</h4>
<br />
<h3 style="clear: both;">
<b><span style="color: #073763;">STYLE.1:</span>A Metro Style Blogger Search Bar</b>.</h3>
<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/AVvXsEg76DWp0Rr16pN4NrPXic-bbkR2eJgS1a4IG0SbYjEyoP1rNTtS0VBadxdeOyXZoxNGw9XlaWCwdp8cWkCJINr4IMzblAowY7VxsEx6HBfzWZ7Xu10EhDsRVnMyCn_CoUBDTBMR9j2Bx8Zh/s1600/Metro+Search+Bar+(2)%2B(1).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Search Box Widget for Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg76DWp0Rr16pN4NrPXic-bbkR2eJgS1a4IG0SbYjEyoP1rNTtS0VBadxdeOyXZoxNGw9XlaWCwdp8cWkCJINr4IMzblAowY7VxsEx6HBfzWZ7Xu10EhDsRVnMyCn_CoUBDTBMR9j2Bx8Zh/s1600/Metro+Search+Bar+(2)%2B(1).png" title="Search Box Widget for Blogger" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b>A Metro Style Blogger Search Bar.</b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Its CSS has been compressed to make it load faster. The bar looks very cool and I personally like it. Well there is no need to demo for this search bar, you can see how this search bar looks in the above image.</div>
<div style="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://www.bloggerplanet.com/2014/10/7-styles-of-search-box-widget-to-blogger-blog.html" target="_blank"><b>INSTALL</b></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 class="separator" style="clear: both; text-align: center;">
<br /></div>
<h3 style="clear: both;">
<b><span style="color: #073763;">STYLE.2</span>:Simple Search Box Widget</b></h3>
<div class="separator" style="clear: both;">
<b><br /></b></div>
<div class="separator" style="clear: both;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhudQOV1KZ8uZJi5zmu55tvzVAa1kiyZhwGDJQ6xal1oaUXcLN5mQTb4IpXjLgWuNurMAQI6D9LMEO_ig77_VNllUZUvPSXFwG3DsC1CJzvKOd7OeVpKUwcG5NmvB4wQF4nECCZRKR_MgeC/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Search Box Widget for Blogger" border="0" height="209" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhudQOV1KZ8uZJi5zmu55tvzVAa1kiyZhwGDJQ6xal1oaUXcLN5mQTb4IpXjLgWuNurMAQI6D9LMEO_ig77_VNllUZUvPSXFwG3DsC1CJzvKOd7OeVpKUwcG5NmvB4wQF4nECCZRKR_MgeC/s1600/1.png" title="Search Box Widget for Blogger" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;">Simple Search Box Widget</b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Add a Simple Search box to Blogger Blog. most of custom templates has comes with no search box, here is the simple Search box for you. just add it with a single click and enjoy!</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;">
<b><a class="btnlink2" href="http://www.bloggerplanet.com/2014/10/7-styles-of-search-box-widget-to-blogger-blog.html" target="_blank">INSTALL</a></b><br />
<br />
<br />
<br />
<br />
<br />
<br />
<div style="text-align: left;">
<h3>
<b><span style="color: #073763;">STYLE.3:</span></b><b>Simple Yellow Color  Search Box Widget</b></h3>
</div>
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCZ7Q3PE8rOQIQVveSAE-dASTwUTwlSNCJKe0vmDpt4Zk6kp8uxbFiZ2e7DAXJlTMjfHbV0VODZQLcW1Svlgc-tg7iIQip4vLpuv6CHcYsEzz3d_G1cwg26kxlQhDfmlhsY6ztMI3vBRsW/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Search Box Widget for Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCZ7Q3PE8rOQIQVveSAE-dASTwUTwlSNCJKe0vmDpt4Zk6kp8uxbFiZ2e7DAXJlTMjfHbV0VODZQLcW1Svlgc-tg7iIQip4vLpuv6CHcYsEzz3d_G1cwg26kxlQhDfmlhsY6ztMI3vBRsW/s1600/2.png" title="Search Box Widget for Blogger" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;">Simple Yellow Colour Search Box Widget</b></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;">
<b><a class="btnlink2" href="http://www.bloggerplanet.com/2014/10/7-styles-of-search-box-widget-to-blogger-blog.html" target="_blank">INSTALL</a></b><br />
<br />
<br />
<br />
<br />
<br />
<div style="text-align: left;">
<h3>
<b><span style="color: #073763;">STYLE.4:</span></b><b>Simple Green Color  Search Box Widget</b></h3>
</div>
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisYY0ItfbrheEd7-rQ_V9kjjXB4_FTaX2Po3z3RySHzrXsrIJDy-szhQSAgrDfRaVDdtYwNzQ9oU3bFPu4NchuK2dmnSTol3uS5mBF88XfL2xjEj_1qE1P46ki778igZgzIlhQndZ5u9cl/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Search Box Widget for Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisYY0ItfbrheEd7-rQ_V9kjjXB4_FTaX2Po3z3RySHzrXsrIJDy-szhQSAgrDfRaVDdtYwNzQ9oU3bFPu4NchuK2dmnSTol3uS5mBF88XfL2xjEj_1qE1P46ki778igZgzIlhQndZ5u9cl/s1600/3.png" title="Search Box Widget for Blogger" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;">Simple Green Color  Search Box Widget</b></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://www.bloggerplanet.com/2014/10/7-styles-of-search-box-widget-to-blogger-blog.html" target="_blank"><b>INSTALL</b></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<h3>
<b><span style="color: #073763;">STYLE.5:</span></b><b>Simple Gray Color  Search Box Widget</b></h3>
<b><br /></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijPn799AiglyTSZwG7MijP0Bp_ula9_Zr1G7jcN1mfyrHgmEkUDZOaI2Pvj3__DaKmy2Ve1GiNzLo7MoevC4z9jbGmm7V18k20G1CySNdNwu3s4-fofRwi3ErhNOaDO9oweBDl2AE87buw/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Search Box Widget for Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijPn799AiglyTSZwG7MijP0Bp_ula9_Zr1G7jcN1mfyrHgmEkUDZOaI2Pvj3__DaKmy2Ve1GiNzLo7MoevC4z9jbGmm7V18k20G1CySNdNwu3s4-fofRwi3ErhNOaDO9oweBDl2AE87buw/s1600/4.jpg" title="Search Box Widget for Blogger" /></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 style="text-align: center;">
<b>Simple Gray Color  Search Box Widget</b></div>
<div>
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<a class="btnlink2" href="http://www.bloggerplanet.com/2014/10/7-styles-of-search-box-widget-to-blogger-blog.html" target="_blank"><b>INSTALL</b></a></div>
<br />
<br />
<br />
<br />
<h3>
<b><span style="color: #073763;">STYLE.6:</span></b><b>Simple Blue Color  Search Box Widget</b></h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi07hti4NLTakCfvcvO-qNWQH1ZHTb8xvuaOpZ5ANuqOdbCXJem74TV2orl_8s9zBKP6rWPwdiPxLKADGksoC5UGiesRlaDwedrfxkWasEJ6TTuX6EiTwyEIUv9LRcy4YdR2yUR_SQYSGgL/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Search Box Widget for Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi07hti4NLTakCfvcvO-qNWQH1ZHTb8xvuaOpZ5ANuqOdbCXJem74TV2orl_8s9zBKP6rWPwdiPxLKADGksoC5UGiesRlaDwedrfxkWasEJ6TTuX6EiTwyEIUv9LRcy4YdR2yUR_SQYSGgL/s1600/5.png" title="Search Box Widget for Blogger" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;">Simple Blue Color  Search Box Widget</b></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;"><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;"><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><a class="btnlink2" href="http://www.bloggerplanet.com/2014/10/7-styles-of-search-box-widget-to-blogger-blog.html" target="_blank">INSTALL</a></b><br />
<br />
<br />
<br /></div>
<br />
<h3>
<b><span style="color: #073763;">STYLE.7:</span></b><b>Simple Search Box Widget</b></h3>
<b style="text-align: center;"><br /></b><b style="text-align: center;"><br /></b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDVqFbAccd5NY8Zy8rWOm2Qp1jAETEOVoiyamFSOJZzd7d-yTCt9qZzgh8Xd2IeNTDEvIAiA37XeEvtYVJA-jkvH1lqRC8f30CwQo2xmmXoZOyS52FT_MtIF5bq5aIYJudFO9GABJ2S-XN/s1600/6.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Search Box Widget for Blogger" border="0" height="83" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDVqFbAccd5NY8Zy8rWOm2Qp1jAETEOVoiyamFSOJZzd7d-yTCt9qZzgh8Xd2IeNTDEvIAiA37XeEvtYVJA-jkvH1lqRC8f30CwQo2xmmXoZOyS52FT_MtIF5bq5aIYJudFO9GABJ2S-XN/s1600/6.PNG" title="Search Box Widget for Blogger" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;">Simple Search Box Widget</b></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;"><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;"><br /></b></div>
<div style="text-align: center;">
<a class="btnlink2" href="http://www.bloggerplanet.com/2014/10/7-styles-of-search-box-widget-to-blogger-blog.html" target="_blank"><b>INSTALL</b></a></div>
<br />
<br />
<br />
<h3>
<b><span style="color: #073763;">STYLE.8:</span>Bold </b><b> Gray Color Search Box Widget</b></h3>
<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/AVvXsEiDzhirGQW32nItjQ8BI8jT-7JIALxn2X21yDZ4CMV_eapnQwS50xxcR9LYO6Mv0158-wYwDGxsmU8r5cmnHrGR9cVDWyDkRsq1dtOw38eEpmdQXqlap1W0mnKmSFv6sdpmZBDZGe1gjXjj/s1600/s1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Search Box Widget for Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDzhirGQW32nItjQ8BI8jT-7JIALxn2X21yDZ4CMV_eapnQwS50xxcR9LYO6Mv0158-wYwDGxsmU8r5cmnHrGR9cVDWyDkRsq1dtOw38eEpmdQXqlap1W0mnKmSFv6sdpmZBDZGe1gjXjj/s1600/s1.png" title="Search Box Widget for Blogger" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;">Bold </b><b style="text-align: left;"> Gray Color Search Box Widget</b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<br />
<b><a class="btnlink2" href="http://www.bloggerplanet.com/2014/10/bold-6-styles-of-search-box-widgets-to-blogger-blog.html" target="_blank">INSTALL</a></b><br />
<br />
<br />
<br />
<br /></div>
<h3>
 <b><span style="color: #073763;">STYLE.9:</span>Bold </b><b> Orange Color Search Box Widget</b></h3>
<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/AVvXsEjdZ-EESqG10oU6FFIeVXLHAB4XmBiGUW8H8O97KRorscKzlVa7DAX9LSQk6Z8LnrCc5mb5RbBBPzKeM-XEVmgzjDys2BVj8Y9fQUT5feU2OeeF5BfHtPSahm8xqEPVzrqLBH2TzJVgoEQy/s1600/s2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Search Box Widget for Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdZ-EESqG10oU6FFIeVXLHAB4XmBiGUW8H8O97KRorscKzlVa7DAX9LSQk6Z8LnrCc5mb5RbBBPzKeM-XEVmgzjDys2BVj8Y9fQUT5feU2OeeF5BfHtPSahm8xqEPVzrqLBH2TzJVgoEQy/s1600/s2.png" title="Search Box Widget for Blogger" /></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;">
<b style="text-align: left;">Bold </b><b style="text-align: left;"> Orange Color Search Box Widget</b></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;"><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><a class="btnlink2" href="http://www.bloggerplanet.com/2014/10/bold-6-styles-of-search-box-widgets-to-blogger-blog.html" target="_blank">INSTALL</a></b><br />
<br />
<br />
<br />
<br /></div>
<h3>
 <b><span style="color: #073763;">STYLE.10:</span>Bold </b><b> Red Color Search Box Widget</b></h3>
<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/AVvXsEiQOaoZH86yU67Q7UaKQT2FZgoVEGTkimS9V4dtRs1llw3R4U7eB5ZPZNFXn-6AL4STXubXD_mvkHJXP3NhFM26vuCfWOtLqVqfXy6mNpFoWCouXvC_2ArOHhC42oJpwxBDCGA9QzbWtJSs/s1600/s3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Search Box Widget for Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQOaoZH86yU67Q7UaKQT2FZgoVEGTkimS9V4dtRs1llw3R4U7eB5ZPZNFXn-6AL4STXubXD_mvkHJXP3NhFM26vuCfWOtLqVqfXy6mNpFoWCouXvC_2ArOHhC42oJpwxBDCGA9QzbWtJSs/s1600/s3.png" title="Search Box Widget for Blogger" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;">Bold </b><b style="text-align: left;"> Red Color Search Box Widget</b></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;"><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;"><br /></b></div>
<div style="text-align: center;">
<b><a class="btnlink2" href="http://www.bloggerplanet.com/2014/10/bold-6-styles-of-search-box-widgets-to-blogger-blog.html" target="_blank">INSTALL</a></b><br />
<br />
<br />
<br />
<br /></div>
<h3>
 <b><span style="color: #073763;">STYLE.11:</span>Bold </b><b> Sliver Color Search Box Widget</b></h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8lo377-hfzV9LoA6hV3wNIfWuoZjPOjAc0S_-HKdKHJlmNSpAxTLTHTQ1iGSmR-31TrJjEW65_nKjwt2sgCGNAq4HsK_r1eGo5LwWHv9-zfbBEe4tkL7hCCK6YFzm-zp9NzndXOBq5K_n/s1600/s4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Search Box Widget for Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8lo377-hfzV9LoA6hV3wNIfWuoZjPOjAc0S_-HKdKHJlmNSpAxTLTHTQ1iGSmR-31TrJjEW65_nKjwt2sgCGNAq4HsK_r1eGo5LwWHv9-zfbBEe4tkL7hCCK6YFzm-zp9NzndXOBq5K_n/s1600/s4.png" title="Search Box Widget for Blogger" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;">Bold </b><b style="text-align: left;"> Sliver Color Search Box Widget</b></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;"><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;"><br /></b></div>
<div style="text-align: center;">
<b><a class="btnlink2" href="http://www.bloggerplanet.com/2014/10/bold-6-styles-of-search-box-widgets-to-blogger-blog.html" target="_blank">INSTALL</a></b><br />
<br />
<br />
<br />
<br /></div>
<h3>
 <b><span style="color: #073763;">STYLE.12:</span>Bold </b><b> Gray Color Search Box Widget</b></h3>
<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/AVvXsEhA7bZadSauBlcr7eh_A2hHrFbX0crCTeD-7JXh_d7_yNFDwfjSsWayQHxry0_Jk2vQ8vTFoWt_u8FTLPX8ir6nT4IQB7IIUzp0Co2vrvXF0LK_2qV3QZKTEpF2Hcu-QhUk0G6collhL1kT/s1600/s5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Search Box Widget for Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA7bZadSauBlcr7eh_A2hHrFbX0crCTeD-7JXh_d7_yNFDwfjSsWayQHxry0_Jk2vQ8vTFoWt_u8FTLPX8ir6nT4IQB7IIUzp0Co2vrvXF0LK_2qV3QZKTEpF2Hcu-QhUk0G6collhL1kT/s1600/s5.png" title="Search Box Widget for Blogger" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;">Bold </b><b style="text-align: left;"> Gray Color Search Box Widget</b></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;"><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;"><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;"><br /></b></div>
<div style="text-align: center;">
<b><a class="btnlink2" href="http://www.bloggerplanet.com/2014/10/bold-6-styles-of-search-box-widgets-to-blogger-blog.html" target="_blank">INSTALL</a></b><br />
<br />
<br />
<br />
<br /></div>
<h3>
<b><span style="color: #073763;">STYLE.13:</span>Bold </b><b> Blue Color Search Box Widget</b></h3>
<b><br /></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPnC5Tk_nv7PKvR3LatTtyo6EFIcDUuFrVckFOQwcC_Wr0dcOAlhjvPzFi1vgLbT2LgKk_cEbDaPWqUrcugRmYYQlWAUDpBUmmFEUGlwfXfIXND-k7LW4KQCRL6IJw-ST2E27eM6umbIW6/s1600/s6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Search Box Widget for Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPnC5Tk_nv7PKvR3LatTtyo6EFIcDUuFrVckFOQwcC_Wr0dcOAlhjvPzFi1vgLbT2LgKk_cEbDaPWqUrcugRmYYQlWAUDpBUmmFEUGlwfXfIXND-k7LW4KQCRL6IJw-ST2E27eM6umbIW6/s1600/s6.png" title="Search Box Widget for Blogger" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;">Bold </b><b style="text-align: left;"> Blue Color Search Box Widget</b></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;"><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;"><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;"><br /></b></div>
<div style="text-align: center;">
<b><a class="btnlink2" href="http://www.bloggerplanet.com/2014/10/bold-6-styles-of-search-box-widgets-to-blogger-blog.html" target="_blank">INSTALL</a></b><br />
<br />
<br />
<br />
<br /></div>
<h3>
 <b><span style="color: #073763;">STYLE.14:</span></b><b style="text-align: center;"> Advance Search Box Widget to Blogger</b></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2c2waHoYfs7IhajrntK25l_7pRVF6f_znswSdFr76BezqY-8ZHj0oWHedoJ3jQByB-1xWKp772SlmY1jF0bbiVYM_S00SfZ5Mn5trpME9qgrOpYJAmm4rowuB35ZLCQtg5PsFv10MZWg6/s1600/search+box+(1).PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Search Box Widget for Blogger" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2c2waHoYfs7IhajrntK25l_7pRVF6f_znswSdFr76BezqY-8ZHj0oWHedoJ3jQByB-1xWKp772SlmY1jF0bbiVYM_S00SfZ5Mn5trpME9qgrOpYJAmm4rowuB35ZLCQtg5PsFv10MZWg6/s1600/search+box+(1).PNG" title="Search Box Widget for Blogger" width="318" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b> Advance Search Box Widget to Blogger</b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Advance search box is a widget allow blog's visitors to search blog content using json. Visitors can search any query relating to your blog and the search result will be shown in a popup using onsubmit event in input of form and simple CSS.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><a class="btnlink2" href="http://www.bloggerplanet.com/2014/10/advanced-search-box-widget-to-blogger-blog.html" target="_blank">INSTALL</a></b><br />
<br />
<br />
<br />
<br /></div>
<h3>
 <b><span style="color: #073763;">STYLE.15:</span></b><b style="text-align: center;"> </b><b style="text-align: center;">Candy Colour Style Search Box Widget to Blogger</b></h3>
<b style="text-align: center;"><br /></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK0950xYYg_95B_HfsDAFSjXBxWiBavx5CK0Qc0MsknDxtBypuQ8QKblLrJkh6rQXkheRPcNXKu49jSz-ZlZ5FSMkNhPZaWY0DLChRgEY-jWm3jiW38W474g29EKYUn3071zZPItoP2PmT/s1600/Search-Boxes-for-Blogger+(1).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Search Box Widget for Blogger" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK0950xYYg_95B_HfsDAFSjXBxWiBavx5CK0Qc0MsknDxtBypuQ8QKblLrJkh6rQXkheRPcNXKu49jSz-ZlZ5FSMkNhPZaWY0DLChRgEY-jWm3jiW38W474g29EKYUn3071zZPItoP2PmT/s1600/Search-Boxes-for-Blogger+(1).png" title="Search Box Widget for Blogger" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b>Candy Colour Style Search Box Widget to Blogger</b></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;">
<b><a class="btnlink2" href="http://www.bloggerplanet.com/2014/10/candy-colour-style-search-box-widget-to-blogger-blog.html" target="_blank">INSTALL</a></b><br />
<br />
<br />
<br />
<br /></div>
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>
</div>

BLOGGER WIDGETS SEARCH BOX 15 Stylish Search Box Widgets for Blogger

Blogger has its own search box widget for their blogs but its design is not very attractive. It is an old school design widget. In this...

Top 12 Trending Labels Widgets Collection for Blogger

10:55 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/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>