Add Wood Made Pro Subscription Widget

Add Wood Made Pro Subscription Widget

0
data:blog.title
Pro social subscription box

Here is another awesome Professional subscription widget for blogger in which you will see more stimulating features of hover effects with reddish shadow this is just like red glow. This social subscription widget made with purely CSS.  I think this widget will give a better flavor to your blog and also increase interest of your blog visitors.



Step 1 Log in to your Blogger account and Go to your Blogger Dashboard

Step 2 Go to your Layout tab.

Step 3 Click on "Add a Gadget" then select "HTML/JavaScript" Widget.

Step 4 Now Copy the below code and Paste it in "HTML/JavaScript" Gadget.

<style>
/*---Widget by www.bloggerspice.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("http://2.bp.blogspot.com/-j-CXUeGodJI/T0H9qpD6cjI/AAAAAAAAAI8/uuryDfQYWVI/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.bloggerspice.com---*/
</style>
<table align="" width="290px" cellspacing="0px" cellpadding="1px"><tbody><tr><td><a target="_blank" rel="nofollow" href="http://www.facebook.com/BloggerSpice"><img src="http://3.bp.blogspot.com/-KmJwuOR3Zgs/UQ03h8BANqI/AAAAAAAABPA/FTughz8Nz_g/s400/facebook.png" class="beintouch" /></a></td><td><a target="_blank" href="http://twitter.com/BloggerSpice" rel="nofollow"><img src="http://1.bp.blogspot.com/-CXGCX0jyQes/UQ03jL1RuII/AAAAAAAABPw/srwcPQ_9Ngo/s400/twitter.png" class="beintouch" /></a></td><td><a target="_blank" href="http://pinterest.com/BloggerSpice" rel="nofollow"><img src="http://2.bp.blogspot.com/-Tfb9gdC8ZOE/UQ03iXZhucI/AAAAAAAABPY/1-Kxonyc-Cs/s400/p.png" class="beintouch" /></a></td><td><a target="_blank" href="https://plus.google.com/102331886274459115104/" rel="nofollow"><img src="http://3.bp.blogspot.com/-gelmZiYxp8c/UQ03iF6HvfI/AAAAAAAABPM/4z2nlNeKnmQ/s400/google.png" class="beintouch" /></a></td><td><a target="_blank" href="http://feeds.feedburner.com/BloggerSpice" rel="nofollow"><img src="http://1.bp.blogspot.com/-HPgINkhyJro/UQ03igMjZBI/AAAAAAAABPk/YO4YiN9-NoE/s400/rss.png" class="beintouch" /></a><a href="http://bloggerspice.com"></a></td></tr></tbody></table>
<div><b>Get  Fresh Pro Trick Daily via EMAIL </b></div>
<form target="popupwindow" style="margin: 0pt;" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BloggerSpice', '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="BloggerSpice" name="uri" />
<input type="hidden" value="en_US" name="loc" />
<input type="text" value="Enter your email..." onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" name="email" class="emailtext" />
<input type="submit" value="Subscribe" title="" class="ebutton" alt="" />
</form>

Customization:

  • Change bloggerspice with your name or ID
  • Change 102331886274459115104 with your Google Plus ID
Add Wood Made Pro Subscription Widget
4 Stars stars - "Add Wood Made Pro Subscription Widget " Here is another awesome Professional subscription widget for blogger in which you will see ...

Post a Comment

Facebook Group Community Disqus Channel Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form

Name

Email *

Message *