Add Stylish blue rusted retro subscribe widget below post for blogger

If you want to add this widget to your blog just follow this simple steps.



1.Go to Blogger > Layout
2.Click on 'Add a Gadget'
3.Choose HTML/Javascript
4.Copy Paste the code given below inside it.


<a href="http://www.facebook.com/yourusername"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQLYUeCUeu2dLpNpNk2Ne1QCxFb7-f5FdDpwtKLggvJ8AJ1B5-riFMs1uIyHkOtoIA9-wLkp4v1-VAssC_vXuZUv7tPCN1aQyJpHkjt_AdNR-2tiKl6xt4nq3BLUIZzajyK9DS7FbcgFg/s1600/098540-blue-retro-rusted-grunge-icon-social-media-logos-facebook-logo-square.jpg" title="Like Us" /></a>
<a href="http://www.Twitter.com/your username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoP9ZQiwCcQIU6mCx9Um8hLvEZe2VSdKwLGlVLWsdhame1n7HMQdReob5MB3kfADmrL06k4hKol798hMfklFRjLapA-A0LG_TupVuXN-wqiPLKlWEtLLlOj-rK-XbhybJEGNmwEpjpf1U/s1600/098610-blue-retro-rusted-grunge-icon-social-media-logos-twitter-bird3-square.jpg" title="Tweet Us" /></a> 
<a href="http://feeds.feedburner.com/your username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTW7kKbmwOyUr8lhyphenhyphenG4HojqElLSJzBohC7rGKCQnVsz3bVE_ESOxzQSFU7BqHegACEYRFqygvkT_fD_8Y5uqhFc38UmkyAYCw1dSL4fXlUuNsNPYlVjo6RNqKu6gmjq5cAOlK-YrdkgBI/s1600/098591-blue-retro-rusted-grunge-icon-social-media-logos-rss-cube.jpg" title="Feed Us" /></a>
<a href="https://plus.google.com/u/0/108432524418882740014"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin3bPXkB8-kPjvf-yyL0WLMgapPIzaO1oze_P-Zx49TzWqdhtQh93sD3l_XOCMXT6SGYRzjlz4q4eOrmtIraXB5BcWwhhyphenhyphenZQG3-Rsq_5ouIaK1-APT9T7omHnputDoNGMpUbYkyeb1i0M/s1600/098555-blue-retro-rusted-grunge-icon-social-media-logos-google-logo-square.jpg" title="Circle Us" /></a>
<a href="http://www.stumbleupon.com/stumbler/yourusername"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ8ahcOZ_G7R96zZo1Bul7CIY26vVJUscGKrQHQLVH7HZAbLdLNjFDROztvFymTpD0jr_RXtvK9bDd9xHp1NpWtusNgkNVMf4mG2R_ofCW05q0XU2-K1tSmx1PnvLjA9lM4bPN8AG6-io/s1600/098600-blue-retro-rusted-grunge-icon-social-media-logos-stumbleupon-logo-square.jpg" title="Stumble" /></a>
<a href="http://digg.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWHNuasctfTmcfUqOiF7y0F9QTdfykrcWzcBhsWOd3T22SJrSoJCJcAAkq6EBDjcghjESw6L0_feIG5NUYkzVNnj6_JLz-57KRWL7fxNkFyXkuhvaTvuZbK-nMiUaxz_Nq9tMdCKXOnG8/s1600/098531-blue-retro-rusted-grunge-icon-social-media-logos-digg2-logo-square.jpg" title="Share us on Digg" /></a>
<a href="https://delicious.com/your username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-nzh40rTk31Nv3xvdNThinIlBCIHhVvePsbWTYp10weAE_LuQK8yXf0nIsez6YTQeq-xoU3Ic9VJ3nqMBKY1VI2jpWFoe7XJalofICnWPmqpkv0PD6ieNtLQZiGRp4Zjv41WfqzT1UGI/s1600/098522-blue-retro-rusted-grunge-icon-social-media-logos-delicious-logo-square.jpg" title="Share us on Delicious" /></a>



 5. Change Red coloured url with your's   .
 6.  Now click on save button.

Read More

How to Add Thesis Style Social Subscription Box for Blogger

Everyone likes stylish subscription box , Checkout this Wordpress style subscription box

If you want to add this widget to your blog just follow this simple steps

1.Log in to Blogger 
2.Go to Layout > Add a Gadget 
3.Choose HTML/Javascript 
4.Add the following code to it



<!- Thesis Email Subscribe Widget ->
    <div id="sidebars">
    <ul class="sidebar_list">
    <li id="social-profiles">
    <ul>
    <li>
    <a class="social facebook" rel="nofollow" target="_blank" title="Facebook Fan Page" href="https://www.facebook.com/zgamerx">Facebook</a>
    </li>
    <li>
    <a class="social twitter" rel="nofollow" target="_blank" title="Twitter Profile" href="https://twitter.com/rajjaisw">Twitter</a>
    </li>
    <li>
    <a class="social googleplus" rel="nofollow" target="_blank" title="GooglePlus" href="https://plus.google.com/u/0/109426816434341730525">GooglePlus</a>
    </li>
    <li>
    <a class="social rss" rel="nofollow" target="_blank" title="RSS" href="http://feeds.feedburner.com/zgamerx">Rss</a>
    </li>
    <li>
    <a class="social youtube" rel="nofollow" target="_blank" title="Youtube Channel" href="http://www.youtube.com/thefreshersclub/area51blog">Youtube</a>
    </li>
    </ul>
    </li>
    <li id="sidebar-social">
    <p id="email-notice">
    Join over 300 people who get free and fresh content delivered automatically.
    <span></span>
    </p>
    <div id="email-form">
    <h6>Get Email Updates</h6>
    <form class="nice custom" style="" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=The-Area51', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
    <input class="input-text" type="text" name="email" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter Your Email Address&#39;;}" onfocus="if (this.value == &#39;Enter Your Email Address&#39;) {this.value = &#39;&#39;;}" value="Enter Your Email Address" />
    <input type="hidden" value="InfozGuide" name="uri" />
    <input type="hidden" name="loc" value="en_US" />
    <input class="button" type="submit" value="Hook Me Up" />
    <p>
    We Respect Your Privacy.
    <br />
    We never encourage SPAM. You can unsubscribe any time.
    </p>
    </form>
    <span style=" line-height:0px; font-size:8px; font-weight:bold; margin-left:270px;
       ">
     <a style="color:#000000;" href="http://www.the-area51.com">Get this</a> </span>
    </div>
    </li>
    </ul>
    </div>
    <style>
     #sidebars {
        border: 0 none;
        float: right;
        padding: 0 15px;
        width: 310px;
    }
    #email-notice {
        background: none repeat scroll 0 0 #66CCFF;
        color: #000000;
        font-size: 14px;
        line-height: 1.5;
        margin: 0 0 20px;
        padding: 15px 20px;
        position: relative;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    }
    #email-notice span {
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-top: 10px solid #66CCFF;
        bottom: -10px;
        height: 0;
        position: absolute;
        right: 40px;
        width: 0;
    }
    #email-form {
        background: none repeat scroll 0 0 padding-box #313131;
        border-bottom: 5px solid #202020;
        border-radius: 2px 2px 2px 2px;
        text-shadow: 0 -1px 0 #000000;
    }
    #email-form h6 {
        color: #FFFFFF;
        font-family: arial;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0;
        padding: 15px 20px 0;
        text-transform: none;
    }
    #email-form form {
        color: #FFFFFF;
        margin: 0;
        padding: 20px 18px;
    }
    #email-form input.input-text {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #222222;
        margin: 0 0 10px;
        padding: 8px;
        width: 94%;
    }
    #email-form .button {
        background: none repeat scroll 0 0 #FFFFFF;
        float: right;
        margin: 0 0 0 10px;
    }
    #email-form p {
        color: #CCCCCC;
        font-size: 12px;
        line-height: 18px;
        margin: 0;
    }
    #sidebar-social {
        float: left;
        font-size: 12px;
        margin: 0 0 15px;
        width: 100%;
    }
    ul.sidebar_list {
        list-style: none outside none;
    }
    li.widget ul {
        list-style: none outside none;
    }
    #social-profiles {
        float: left;
    }
    #social-profiles ul {
        float: left;
        list-style: none outside none;
        margin: 0 5px 20px;
    }
    #social-profiles ul li {
        float: left;
    }
    #social-profiles ul li a {
        display: block;
        float: left;
        height: 32px;
        margin: 0 15px;
        text-indent: -999em;
        width: 32px;
    }
    #social-profiles a.social {
        background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQvMX6yfgghoXr9t1D8nf-T7FGAb3eSmhR23wSxtl7Y5LVbV4WZ9Slb0QhV4UDbvrkxzrL-4BTERBmvNrrP3FOEbQWsn1Tn7CMRp86eIGZY9d38GFBxCEqyLlagk4fxgxuCDYaeYlhLUo/s1600/social.png") no-repeat scroll 0 0 transparent;
    }
    #social-profiles a.facebook {
        background-position: -79px 0;
        height: 32px;
        margin: 0 15px 0 5px;
        width: 32px;
    }
    #social-profiles a.facebook:hover {
        background-position: -79px -74px;
        height: 32px;
        width: 32px;
    }
    #social-profiles a.twitter {
        background-position: -5px -111px;
        height: 32px;
        width: 32px;
    }
    #social-profiles a.twitter:hover {
        background-position: -42px 0;
        height: 32px;
        width: 32px;
    }
    #social-profiles a.youtube {
        background-position: -42px -37px;
        height: 32px;
        width: 32px;
    }
    #social-profiles a.youtube:hover {
        background-position: -5px -37px;
        height: 32px;
        width: 32px;
    }
    #social-profiles a.rss {
        background-position: -42px -74px;
        height: 32px;
        width: 32px;
    }
    #social-profiles a.rss:hover {
        background-position: -79px -37px;
        height: 32px;
        width: 32px;
    }
    #social-profiles a.googleplus {
        background-position: -5px 0;
        height: 32px;
        width: 32px;
    }
    #social-profiles a.googleplus:hover {
        background-position: -5px -74px;
        height: 32px;
        width: 32px;
    }
    * {
        margin: 0;
        padding: 0;
    }
    .custom .sidebar ul.sidebar_list {
        padding: 15px 0;
    }
    </style>
    <!- Thesis Email Subscribe Widget ->




Customizations 

Replace zgamerx with your Facebook Username.
Replace twitter with your Twitter Username.
Replace 109426816434341730525with your Google+Username.
Replace zgamecity with your FeedBurne Username.
 

Read More