bloggertrick4you

Sunday, 15 December 2013

Beautiful Subscription Box Widget for Blogger

By Unknown on 16:54

This is a Beautiful Subscription Box Widget for blogger post. This post is about how to add a Subscription Box. Subscription box contains Facebook, Twitter, RSS Feed, e-mail subscription. This widget is based on a wooden theme. Facebook, Twitter, RSS Feed links are shown as Natural Wooden Sticky Boards.

So come with me and start how to add Beautiful Subscription Box Widget for blogger.

Go to Blogger Dashboard
Go to Layout
Select Add a Gadget
You can type title any
And Copy the following code in the content.

Read More:You Can Also Love This Widgets

<style type="text/css">
/* Delete form Here*/
img.beintouch:hover {
    background: none repeat scroll 0 0 #D6D6D6;
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0 0 10px #565656;
}
/* Delete to Here*/
.emailtext {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvnEMP4F7ElAzESYVBZpdNSjHBxzIPOO-zuHCGIK36r08rywT6epsz0Kq2ilMkTla91Wcr0vwHtj7wjzuOyiGv-XorHdd9cELkFTfvDa1aK8jBbbeAPN5QHZcDK8vebdpZWQvIJpLMK-k/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: 176px;
}
.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;
}
</style>
<table align="center" width="317px" cellspacing="0px" cellpadding="1px"><tbody>
<tr><td><a target="_blank" rel="nofollow" href="http://www.facebook.com/pages/softwareandgame"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDkCvdhe0LgTORFWjEgspjL_SbNvizqsTN4ZQBXWRr73P7eX2DNPRI9SNcHMrTqxvxc_MNOL79kgv5vsGPcLNH5ZrOe-lc4rP2cDVGbcQdPFoFIbT6SRQDiV1DlhzhXDW7pP6VtGw3uvF0/s1600/fb+makemoneyfreewithus.png" class="beintouch" /></a></td><td><a target="_blank" href="http://twitter.com/awaisafzal0313" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbE6ybH3OjbI5BcBM47yMj9BZnQrPahc_NwxpwM7kYwt-5ncS3BY3bJakx8xlbXUvdK1fViV5jogs_nyZ5KjG62p4Tnj8BFWFudauJBIxzn2SFqtPHxOKqPvfxI2Ik9TuQ3VH70Aq3FrOS/s1600/tweet+makemoneyfreewithus.png" class="beintouch" /></a></td><td><a target="_blank" href="http://feeds.feedburner.com/BT4U" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkNCxRQ9ZYE0h_ZLqaQEipF6aSWlXXuws67T6gvApMnCuXNc7_6J0xdsEOwRI88OXyhFv9VmV6qh1nO3CyHcVPao3vfSjv0owfR_9-Jp25x5XoQRoj4gaZXh8a-HC-10fMsXJG7ATIyDrD/s1600/makemoneyfreewithus.png" class="beintouch" /></a><a href="http://netoopsblog.blogspot.com"></a></td></tr>
</tbody></table>
<div>
Get Latest Tips via e-mail</div>
<form target="popupwindow" style="margin: 0pt;" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BT4U', '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="BT4U" 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>