Retro Style Social Sharing Widget With Email Subscription box For Your Blogger

Friends ,Now i share a beautiful widget for your blogger. It is very nice to install in in to your blogger.It make a shining effect. This widget contain not only  social sharing widget also include a email subscription widget. It look like a retro model widget. you can add this on your widget. Keep read this post and install it.



Log in to your blogger account.

• Select Layout option.

• Click on Add gadgets

• Select HTML/JavaScript from list.

• Copy below code and paste in HTML/JavaScript box.

<style>
#socialbox{border:2px solid black;
width:270px;padding: 5px 5px 5px 5px;  }
img.beintouch:hover {
    background: none repeat scroll 0 0 #ffbc99;
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0 0 10px #ffbc12;
}
.emailtext {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfnPzcwue5KsNk4OZ0WjHofoB8ontdhCckGUbhvxdUpmmXvhjlSy3rhP35_AF7hmYUmhhdy4crd4X2UzD_nLOwThwNmsDPYji-N2SF04WjPHFiQbCt5XiQRUWUaq4PqY84UjdPRlNwxBY/s1600/mailbox.png") no-repeat scroll 4px center transparent;
    border: 1px solid #7E4E27;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 4px #7E4E27 inset;
    color: #444444;
    font-weight: bold;
    margin-left: 2px;
    padding: 7px 15px 7px 35px;
    text-decoration: none;
    width: 120px;
}
.ebutton {
    background: #D55959;
    border: 1px solid #D3D3D3;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    margin-left: -18px;
    margin-top: 5px;
    padding: 6px 15px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000000;
}
</style>
<br />
<div id="socialbox">
<table align="" cellpadding="1px" cellspacing="0px" style="width: 290pxpx;"><tbody>
<tr><td>
<a href="http://facebook.com/YOUR-FACEBOOK-USERNAME" rel="nofollow" target="_blank"> <img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrIfj2Iv-l5Rbr0CuxHhCzJi8t2HCTclSZkXJxcpMXa7TIykBPH6NvWvyzxPk5fb3mHKH6-M3TqNDYldNhDG0Rf_jXoWtFfPFTig8BhoM-Al9NPpsCG8Wjk66xURQpoSouqziT1vq9Aw/s1600/bloggertrix-facebook-icon.png" /></a></td><td>
<a href="http://twitter.com/YOUR-TWITTER-USERNAME" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK91D5liOJzzZxoYUp5eV-e057HJKZmsp_RuxgUUUquZHBIRdoUjvdPKJUHnudV4dh7fxb9HqCXWODjBji9Rm1hP-wZks7LTIN4BxyrO4zHiKAiqKVtg8GYb9mdiOopk981BB_YZYxSQM/s1600/bloggertrix-twitter-icon.png" /></a></td><td>
<a href="http://pinterest.com/YOUR-PINTEREST-USER-ID" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXyFJq_0Uk_miR3gxjvR8Fams1upA3V7Ag1_BpTf8wV3ExTro29BxtIbBDc1JoD4XEupn1ikUCz7e9WAPsd9-iIsJqJolnsi1ZRK_yClSKrumIKw8Hk11wat3MCn1FFiv1NF64lVlhV_4/s1600/bloggertrix-pinterest-icon.png" /></a></td><td>
<a href="https://plus.google.com/YOUR-GOOGLEPLUS-USER-ID" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgENOHhDPKy8dpKACkjcUZInTt7783FDZ-vJjgE5jClLDxhXzd4LH19Tf7LzURxwZNdcCeB2CjSXwt4qYiNrFkXoapjQA52dJlukByqHn8mBGMoufNvjklRfWHF9jlpl_44P1tjEmc94b8/s1600/bloggertrix-google-icon.png" /></a></td><td>
<a href="http://feeds.feedburner.com/YOUR-FEEDBURNER-USERNAME" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGVtQJZ79Pk9CoM1hw40Tn_t158ilzVb3HDWBKhuXXNO1Mo266ribg-BYxoek4w7PR8pCSUVj6Kl8GHdMg45FQKOKD2H6WPJXsm007NtHzE0_81vLA-INBlxYAx1q1-ghIzVsJwSlYFDY/s1600/bloggertrix-rss-feed-icon.png" /></a><a href="http://marks-mbs.blogspot.com/"></a></td></tr>
</tbody></table>
<div>
<center>
<b>Get Latest Articles By EMAILS </b></center></div>
<form action="http://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=YOUR-FEEDBURNER-USERNAME', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">
<input name="uri" type="hidden" value="YOUR-FEEDBURNER-USERNAME" />
<input name="loc" type="hidden" value="en_US" />
<input class="emailtext" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" type="text" value="Enter your email..." />
<input alt="" class="ebutton" title="" type="submit" value="Subscribe" />
</form>
</div>

Change highlighted RED color with your social media username/ID

• Save it.

Leave a comment ….. if this widget is not working…………………………..

Posted in: Blogs and Websites