Social Share Box with Email Subscription for WordPress

If you are producing quality content on your blog then visitors must take interest into subscribe your blog with their email to get latest updates.Allow them to subscribe on your blog is always a great thing to increase your blog reader.Like that user friendly social share button are also important for your blog to get more visitor for your blog through this widget.If you are using blogger then it's most easy to get such a thing but when it came to wordpress it's been little tough.Though there are several plugin out there for wordpress user,still it's hard to choose the perfect one as well.So.here am going to share such a box for wordpress blog.


 Must Read : Secure Wordpress Login Page

Live Demo:

Add Social Share Box on Wordpress

1. First log  onto your WordPress account.
2. Then navigate to your dashboard and from your dashboard go to Appearance >> Widgets (see the screenshot below for help).

3. Next search the “Text” box there  (see the screenshot below for help).

4.Next drag and drop the “Text” box into your right side section of your widget (see the screenshot below for help).

5. Now select the dropdown on the right sidebar of “Text” box and you will able to see like the screenshot below.

6. Copy the code below there and paste the code right into the content box, and don't forget to put a title and click save.

<center> <form style=”padding-top:6px;” id=”subscribe” action=”http://feedburner.google.com/fb/a/mailverify” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=TechTrickHome‘, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520′);return true”> <input type=”text” value=”Enter your email address…” id=”subbox” onfocus=”if (this.value == &#39;Enter your email address…&#39;) {this.value = &#39;&#39;;}” onblur=”if (this.value == &#39;&#39;) {this.value = &#39;Enter your email address…&#39;;}” name=”email” style=”width:170px;” /> <input type=”hidden” value=”TechTrickHome” name=”uri” /> <input type=”hidden” name=”loc” value=”en_US” /> <input style=” padding-left:5px; padding-right:5px; padding-top:1px; border: 1px solid #198DC9; cursor: pointer; -moz-border-radius: 15px 15px 15px 15px; background-color: #198DC9;; color: #FFFFFF; font: normal 15px Times New Roman;” type=”submit” value=”Subscribe” /> </form> </center> <center> <table border=”0″> <tr> <td> <a href=”http://twitter.com/TechTrickHome” target=”_blank” title=”Follow Me On Twitter”> <img style=”width:42px; height:42px;” src=”http://lh4.ggpht.com/_So-xppeH7x0/TNUBEwgLHkI/AAAAAAAAAi8/iHhPS0qT7Nc/s800/EAB_twitter%2520icon.png” /></a> </td> <td> <a href=”http://feeds.feedburner.com/TechTrickHome” target=”_blank” title=”Subscribe Via RSS”> <img style=”width:42px; height:42px;” src=”http://lh5.ggpht.com/_So-xppeH7x0/TL2iasX5TrI/AAAAAAAAAbo/ahCkHG6qOB8/s800/EAB_rss.png” /></a> </td> <td> <a href=”http://www.facebook.com/TechTrickHome” target=”_blank” title=”Find Us On Facebook”> <img style=”width:42px; height:42px;” src=”https://lh3.googleusercontent.com/_So-xppeH7x0/TL1753hOs3I/AAAAAAAAAbU/NHI8eADaHqI/s800/EAB_facebook%20icon.png” /></a> </td> <td> <a href=”http://technorati.com/faves?sub=addfavbtn&add=(your blog url)” target=”_blank” title=”Add To Technorati”> <img style=”width:42px; height:42px;” src=”http://lh6.ggpht.com/_So-xppeH7x0/TNUBE_mNq2I/AAAAAAAAAi4/OhNOr78rMsc/s800/EAB_technorati%2520icon.png” /></a> </td> <td> <td> <a href=”http://feeds.feedburner.com/TechTrickHome“><img src=”http://feeds.feedburner.com/~fc/TechTrickHome?bg=000000&amp;fg=FFFFFF&amp;anim=1″ height=”26″ width=”88″ style=”border:0; padding-top:5px” alt=”Fellow Readers” /></a> </td> </td> </tr> </table> </center>

Done!

Customization

ChangeTechTrickHome and (your blog url) 

• Email Subscription
• Twitter
• Feedburner
• Facebook
• Tecnorati

 Must Read : Add Favicon to Wordpress

Hope you'd love this widget.Now just a look onto your blog to see this newly implemented widget's live performance there.Any query? Feel free to ask!

Articles You May Like