today with a new widget for blogger this widget is e-mail subscription i like in this widget the simple way to add it to your blogger and it's style like the style of stylish metro of windows 8 you want to add it so :
1 - copy this code in any space you want it
<style>
.UT-Social-Icons
{
height:45px;
width:45px;
}
.UT-Social-Icons:hover
{
opacity: .7;
filter:alpha(opacity=70);
height:45px;
width:45px;
cursor:pointer;
}
#UT-wrap
{
height:250px;
width:250px;
background:#EBEBEB;
border:1px solid transparent;
box-shadow:0px 0px 1px 2px #009;
}
#UT-header
{
height:30px;
background-color:#0F4794;
color:#FFF;
text-align:center;
padding-top:5px;
font-weight:bold;
}
#UT-wrap a
{
text-decoration:none;
}
#UT-SI-wrap
{
margin-top:15px;
text-align:center;
}
.UT-margin
{
margin-left:10px;
}
.UT-label
{
color:#0F4794;
font-weight:800;
text-align:center;
margin-top:10px;
}
.UT-left
{
float:left;
margin-left:5px;
}
.UT-inputs
{
height:2.5em;
border-radius:2px 2px 2px 2px;
}
#UT-subs
{
margin-left:30px;
background-color:#0F4794;
color:#FFF;
}
</style>
<div id="UT-wrap">
<div id="UT-header">
Follow us on Social Media !
</div>
<div id="UT-SI-wrap">
<a href="https://www.facebook.com/techfurk" rel="nofollow" title="Like us">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0U25WMb2CfrNQksTPBMazQuQ15-pcaNB7BkRr6UyX3khb2jrOnnF3DFiNTPFeCwT35UjNyHT8EdGw24HC9UAhzT1n-BOsk72TZpRVd0UxmA8rT23oNpG8oogXO0fIamS50Il_wfG67FY/s1600/facebook-bs.png" class="UT-Social-Icons"/>
</a>
<a href="https://www.twitter.com/techfurk" rel="nofollow" title="Follow Us">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeDT-c3nq117GQj7MO7lbPoqOZQOmsYqwVUVGvEx0-quZ42SepJwFe0A3YmgUrc70hRaBFeZUdohSPMKoik5e13uxVOm5J6mBWllas5ldvKHJPwUzrnvMGnO-8Ug7dINuJ0DuwIY6AsV8/s1600/twitter-bs.png" class="UT-Social-Icons UT-margin"/>
</a>
<a href="https://plus.google.com/u/0/117555099026238263842" rel="nofollow" rel="Follow us">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPMDvkMsOJKcKbb7DojUUNTj389z3wU-OcM8cy5sE2CD-Z6zACSRxG6zMVcY1h6lo4fSAjzay_I7evddsEPDK8gcFra17PUaWQbnp3LRiJcVMSZYKx66QJezNh6QBPaRCrAwTtx4BZAB0/s1600/Googleplus-bs.png" class="UT-Social-Icons UT-margin"/>
</a>
<a href="http://feeds.feedburner.com/techfurk">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlO4dJIBgIZIEZ9e6ww4F2_hIGIehKHm3Ommn6F4DdkLGlar7PfJlRsejsRD7uryVfbz36oCcxRYWZJv0713pqq5TAnmAPgOLDJ7F9WrUkrolA0_MlD6buIEKiIziUCMPuK0Sx0jTzT8E/s1600/RSS-bs.png" class="UT-Social-Icons UT-margin"/>
</a>
</div>
<div class="UT-label">
Subscribe to our RSS Feeds
</div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=techfurk', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<div>
<div class="UT-left" style="margin-top:30px;">
<div>
<input type="text" name="email" placeholder="Get Updates Via Email" class="UT-inputs" style="width:150px;">
<input type="hidden" value="techfurk" name="uri"/>
<input type="hidden" name="loc" value="en_US"/>
</div>
</div>
<div class="UT-left">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8pk5b7Z4MO2sIXdUzJ9TDMqRKy5GigpOz4xRGcIm9rgB0NgepBAEc4iBM5mjHGUJg84v3KWKMrJtLwszPoRIP-jm1nVnTqcbZBCdk6qE5lnjCJ8PKoZ8c4s0Fz4y4IIIa8_SknPERjDc/s1600/sub-rss.png" height="80" width="80" style="margin-top:8px;"/>
</div>
<div clear:both;></div>
</div>
<div style="margin-top:-10px;">
<input type="submit" value="Subscribe" class="UT-inputs" id="UT-subs"/><div style="font-size:xx-small;"> <a href="http://3iangle.blogspot.com/2013/07/how-to-add-e-mail-subscription-with.html"> Get This Widget</a></div>
</div>
</form>
</div>
see y in the next post if you like this post why don't share it if you wanna any thing we are here ^.^
0 التعليقات:
Post a Comment