Colorful Social Media Subscription Button: Widget For Blogger blog

Some blogs shining with some features .taking one of this that one is colorful subscription scripts . the main thing how to add like widgets those blogging platforms like blogger and WordPress. now exactly how itColorful-Subscription-Widget
Here no used jQuery  only CSS . its perfectly match with your blog.

How To Add Colorful Subscription Widget To Blogger Blog

Go to Blogger /Template/Edit HTML/Proceed, Click Expand Widget templates.


Search it above code in template

And paste the following code just below the  <data:post.body>

[highlight color="eg. yellow, black"]...[/highlight]
<!-- Code on>
<style type='text/css'>
.labjel {
display: block;
margin: 2em auto;
width: 200px;
.labjel span {
float: left;
display: inline;
margin-right: 8px;
.labjel span a {
display: block;
width: 32px;
height: 32px;
text-indent: -9999px;
background-color: none;
background: transparent url( 0 0 no-repeat;
#iconTwitter {background-position: -33px -33px;}
#iconFacebook {background-position: -66px -33px;}
#iconRSS {background-position: 0 -33px;}
#iconYouTube {background-position: -99px -33px;}
#iconGooglePlus {background-position: -132px -33px;}
#iconTwitter:hover {background-position: -33px 0;}
#iconFacebook:hover{background-position:-66px 0}
#iconRSS:hover{background-position:0 0}
#iconYouTube:hover{background-position:-99px 0}
#iconGooglePlus:hover{background-position:-132px 0}
<!-- Code on>
[highlight color="eg. yellow, black"]...[/highlight]

Now Save Your template .

Colorful Subscription Widget blogger blog

and go for  Layout-Add a Gadget/ HTML/JavaScript

and add it Below code (paste where you need to add)

<div class='labjel'>
<span><a href='' id='iconTwitter' target='_blank' title='Follow us on Twitter'>Twitter</a></span>
<span><a href='' id='iconFacebook' target='_blank' title='Join us at Facebook'>Facebook</a></span>
<span><a href='' id='iconRSS' target='_blank' title='Subscribe our RSS Feed'>RSS</a></span>
<span><a href='' id='iconYouTube' target='_blank' title='Follow our YouTube Channel'>YouTube</a></span>
<span><a href='' id='iconGooglePlus' target='_blank' title='Follow us at Google+'>Google</a></span></div>


Simply add your usernames on it .(user name of Social media accounts of you)

that’s it over for