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

on Thursday, March 07, 2013 | 0 Comment

Seo Master present to you:

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.

retro model social sharing widget with email subscription box(www.matrixar.com)

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("http://www.matrixar.com/-j-CXUeGodJI/T0H9qpD6cjI/AAAAAAAAAI8/uuryDfQYWVI/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="http://www.matrixar.com/-NuK5y-gO46Y/URoPuaRX36I/AAAAAAAAGvM/dXyVF3SaTHU/s1600/bloggertrix-facebook-icon.png" /></a></td><td>
<a href="http://twitter.com/YOUR-TWITTER-USERNAME" rel="nofollow" target="_blank"><img class="beintouch" src="http://www.matrixar.com/-d1_O0ki5Muk/URoPu8yXvBI/AAAAAAAAGvs/jAIKiDZ76VU/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="http://www.matrixar.com/-Eiup_nW2ZKM/URoPuQtPP_I/AAAAAAAAGvQ/8YM4qXuzNRo/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="http://www.matrixar.com/-fSMn88IbMzI/URoPuTkJ71I/AAAAAAAAGvU/7EjpWnBYAP0/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="http://www.matrixar.com/-kb9t36s2YMw/URoPu6ZWQ0I/AAAAAAAAGvg/7CQVi-gg3BQ/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>