Wednesday, December 19, 2012

Add 4 in 1 Roseic Wooden Pro Subscription Widget

12:40 AM Blogger Widget, CSS No comments

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.

Live Demo

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>