
Demo is in the Right of this Blog
What's inside this article??
What's inside this article??
Subscription box with Fully Wooden Theme
- Go to Blogger Dashboard
- Go to Layout
- Select Add a Gadget
- You can type title any
- And Copy the following code in the content.

<style type="text/css">
/* Delete form Here*/
.emailtext {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0olVnG0rE_T_cclMKRSX6R6WLiMnoSciGo3a2cmFlXGtAXqLvEjVf601pMmDqJQgkTogQWU6rboR3oZ2efvFWn_rNx7AhjCUOgd0cGtnryNwcwfL7bwH1ik6iGyv6a_xRcOexT4JFEEc/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/NetOops-Blog/159796530791611"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg10fnBDkd-_hu2z0MFbAd9aE63e7xGTUtGl05pyEmaf4SucmYm392u5n1yNt4D_HtEpf7o8bkAfP1aQA9i154Fgcp0-DhJ8FxdCKjZsxPRA98EWS0_H2HFX88LJYHY2WXJSlOv272Epec/s1600/woden+board+facebook_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://twitter.com/netoopsblog/" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvRqQnni-pgKjPQi2a1QQbvPD8B2IYgY7Lwf3j4RDcEmuXdguw2j_jpgOrJIzKLLuc1Tr735C2CEzrwEGvgqeLWfZRuRUkrbUx1vE20L9TGJmdwtzC0uk-3pInWRDaKoGI8FWqk5bdXyk/s1600/woden+board+twitter_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://feeds.feedburner.com/NetOopsBloggerTricks" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDohUCHrMEFVOZYUGtMy2hWk3pqwjzVmBcUIs8MhAd7yRPJuO7p8ShJssf2Z-xjX3el1XDyq1hS53eYB0YinsflvMdoywQk-_jGwIHTR_2ZyI14Jym2ueHf4upR37Y5968T43Wr6GsPLU/s1600/woden+board+RSS1_netoops.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=netoopsbloggertricks', '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="NetOopsBloggerTricks" 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>
/* 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/AVvXsEh0olVnG0rE_T_cclMKRSX6R6WLiMnoSciGo3a2cmFlXGtAXqLvEjVf601pMmDqJQgkTogQWU6rboR3oZ2efvFWn_rNx7AhjCUOgd0cGtnryNwcwfL7bwH1ik6iGyv6a_xRcOexT4JFEEc/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/NetOops-Blog/159796530791611"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg10fnBDkd-_hu2z0MFbAd9aE63e7xGTUtGl05pyEmaf4SucmYm392u5n1yNt4D_HtEpf7o8bkAfP1aQA9i154Fgcp0-DhJ8FxdCKjZsxPRA98EWS0_H2HFX88LJYHY2WXJSlOv272Epec/s1600/woden+board+facebook_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://twitter.com/netoopsblog/" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvRqQnni-pgKjPQi2a1QQbvPD8B2IYgY7Lwf3j4RDcEmuXdguw2j_jpgOrJIzKLLuc1Tr735C2CEzrwEGvgqeLWfZRuRUkrbUx1vE20L9TGJmdwtzC0uk-3pInWRDaKoGI8FWqk5bdXyk/s1600/woden+board+twitter_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://feeds.feedburner.com/NetOopsBloggerTricks" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDohUCHrMEFVOZYUGtMy2hWk3pqwjzVmBcUIs8MhAd7yRPJuO7p8ShJssf2Z-xjX3el1XDyq1hS53eYB0YinsflvMdoywQk-_jGwIHTR_2ZyI14Jym2ueHf4upR37Y5968T43Wr6GsPLU/s1600/woden+board+RSS1_netoops.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=netoopsbloggertricks', '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="NetOopsBloggerTricks" 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>
Change the BLUE highlighted code with FACEBOOK PAGE URL, TWTTER, FEED URL, FEED ID respectively.
Subscription box with Default Basic Wooden theme
- Go to Layout
- Select Add a Gadget
<style type="text/css">
/* Delete form Here*/
</style>
<table align="center" width="317px" cellspacing="0px" cellpadding="1px"><tbody><tr><td><a target="_blank" rel="nofollow" href="http://www.facebook.com/pages/NetOops-Blog/159796530791611"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg10fnBDkd-_hu2z0MFbAd9aE63e7xGTUtGl05pyEmaf4SucmYm392u5n1yNt4D_HtEpf7o8bkAfP1aQA9i154Fgcp0-DhJ8FxdCKjZsxPRA98EWS0_H2HFX88LJYHY2WXJSlOv272Epec/s1600/woden+board+facebook_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://twitter.com/netoopsblog/" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvRqQnni-pgKjPQi2a1QQbvPD8B2IYgY7Lwf3j4RDcEmuXdguw2j_jpgOrJIzKLLuc1Tr735C2CEzrwEGvgqeLWfZRuRUkrbUx1vE20L9TGJmdwtzC0uk-3pInWRDaKoGI8FWqk5bdXyk/s1600/woden+board+twitter_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://feeds.feedburner.com/NetOopsBloggerTricks" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDohUCHrMEFVOZYUGtMy2hWk3pqwjzVmBcUIs8MhAd7yRPJuO7p8ShJssf2Z-xjX3el1XDyq1hS53eYB0YinsflvMdoywQk-_jGwIHTR_2ZyI14Jym2ueHf4upR37Y5968T43Wr6GsPLU/s1600/woden+board+RSS1_netoops.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=netoopsbloggertricks', '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="NetOopsBloggerTricks" 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>
/* 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/AVvXsEh0olVnG0rE_T_cclMKRSX6R6WLiMnoSciGo3a2cmFlXGtAXqLvEjVf601pMmDqJQgkTogQWU6rboR3oZ2efvFWn_rNx7AhjCUOgd0cGtnryNwcwfL7bwH1ik6iGyv6a_xRcOexT4JFEEc/s1600/mailbox.png") no-repeat scroll 4px center transparent;
border: 1px solid #D3D3D3;
border-radius: 4px 4px 4px 4px;
box-shadow: 1px 1px 2px #CCCCCC inset;
color: #444444;
font-weight: bold;
margin-left: 2px;
padding: 7px 15px 7px 35px;
text-decoration: none;
width: 176px;
}
.ebutton {
background: -moz-linear-gradient(center top , #FBFBFB 0%, #F4F4F4 100%) repeat scroll 0 0 #ABAB12;
border: 1px solid #D3D3D3;
border-radius: 4px 4px 4px 4px;
color: #444444;
cursor: pointer;
font-weight: bold;
margin-left: -18px;
margin-top: 5px;
padding: 6px 15px;
text-decoration: none;
}
<table align="center" width="317px" cellspacing="0px" cellpadding="1px"><tbody><tr><td><a target="_blank" rel="nofollow" href="http://www.facebook.com/pages/NetOops-Blog/159796530791611"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg10fnBDkd-_hu2z0MFbAd9aE63e7xGTUtGl05pyEmaf4SucmYm392u5n1yNt4D_HtEpf7o8bkAfP1aQA9i154Fgcp0-DhJ8FxdCKjZsxPRA98EWS0_H2HFX88LJYHY2WXJSlOv272Epec/s1600/woden+board+facebook_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://twitter.com/netoopsblog/" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvRqQnni-pgKjPQi2a1QQbvPD8B2IYgY7Lwf3j4RDcEmuXdguw2j_jpgOrJIzKLLuc1Tr735C2CEzrwEGvgqeLWfZRuRUkrbUx1vE20L9TGJmdwtzC0uk-3pInWRDaKoGI8FWqk5bdXyk/s1600/woden+board+twitter_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://feeds.feedburner.com/NetOopsBloggerTricks" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDohUCHrMEFVOZYUGtMy2hWk3pqwjzVmBcUIs8MhAd7yRPJuO7p8ShJssf2Z-xjX3el1XDyq1hS53eYB0YinsflvMdoywQk-_jGwIHTR_2ZyI14Jym2ueHf4upR37Y5968T43Wr6GsPLU/s1600/woden+board+RSS1_netoops.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=netoopsbloggertricks', '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="NetOopsBloggerTricks" 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>
Change the BLUE highlighted code with FACEBOOK PAGE URL, TWTTER, FEED URL, FEED ID respectively.
I think this widget helps you, Please share and like...
0 comments:
Post a Comment
please put you comment to tips and tricks 2013