Today we want to introduce one of the best and good looking Subscription Widget for blogger in which you can see more interesting features of hover with shadow and very shining effect on the button and social icons and most important this is purely made by the CSS and only four images, so there will not be any kind of error comes in it. I think this widget will give a better interface to your blog and also increase the visitors.
Add 4 in 1 Roseic Wooden Widget
- Login to Blogger > Dashboard
- Click on Drop Down Menu and select Layout
- Add a HTML/JavaScript Gadget
- Paste below code in it.
<style>
/*---Widget by www.widgetgenerators.blogspot.com---*/
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/AVvXsEi2XcrzNHdkcbu4NreXxX_YqRC4Mg2vGsXh6i8JOpT-IM6iHDCEcw403C06okWULIL8BvtdeuqdVnUXYOgBclkZC1HzEJuDQ7bXY5ybJFvL_aKzPVSdNrRjEsvTCfJw7Are8nmf_CrfW5I/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: 150px;
}
.ebutton {
background: -moz-linear-gradient(-45deg, #3C1F0E 0%, #D28A47 30%, #F9E183 30%, #D28A47 55%, #3C1F0E 100%) repeat scroll 0 0 transparent;
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;
}
/*---Widget by www.widgetgenerators.blogspot.com---*/
</style>
<table align="" width="317px" cellspacing="0px" cellpadding="1px"><tbody><tr><td><a target="_blank" rel="nofollow" href="http://www.facebook.com/WidgetGenerators"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZmJnNJ8vYJzzsn808S90Ymm2hWzxluNqW1X_8QvzXbf3tbaqc_r0H7uEH9j8MW0Mvt01rIouLmxolCS5rN_zlRG0i5zrxx4GEj0C0LtgvS5R4wx6zktde2bN-EEyJ7ycJKFdRYM56jlI/s1600/woden+board+facebook_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://twitter.com/WidgetGenerator" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7T6hdIWT2ymETV-82rvvbaXG3DDz2espId6IW-o6a9ZFAOpAZvafgpFXunERFKrcUwnvw894WvSUcO7AM44L1P4zGnesSCplI5JZg7bXyeM1Coq2uKtfR6FRx26l3fEPEbrCYx49SFgQ/s1600/woden+board+twitter_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://feeds.feedburner.com/WidgetGenerators" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2FvNL2cWK-3pXZXToTRusCxMdxSdDo6CPQ9mPj_g14p3Ll04EMaQtgSHFFB2ejGor75MgfjQPSzRPqCEE_tiyuvZDPJQvwcAipKxdMn02e4qq_QPrVRi2FPMQZtJn_BKtfBOP-1O9Ia8/s1600/woden+board+RSS1_netoops.png" class="beintouch" /></a><a href="http://netoopsblog.blogspot.com"></a></td></tr></tbody></table>
<div><b>Get Daily Fresh Update in Inbox via EMAIL</b></div>
<form target="popupwindow" style="margin: 0pt;" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=WidgetGenerators', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" class="emailform" action="http://feedburner.google.com/fb/a/mailverify">
<input type="hidden" value="WidgetGenerators" name="uri" />
<input type="hidden" value="en_US" name="loc" />
<input type="text" value="Enter your email..." onfocus="if (this.value == "Enter your email...") {this.value = ""}" onblur="if (this.value == "") {this.value = "Enter your email...";}" name="email" class="emailtext" />
<input type="submit" value="Subscribe" title="" class="ebutton" alt="" />
</form>
- Save your Widget and you are done.
Make Changes....!
- Replace WidgetGenerators with your feed burner username. (2 times)
0 comments:
Post a Comment