23 April 2013

Social Share Box with Email Subscription for WordPress

// // 3 comments

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

3 comments: Leave Your Comments

  1. Oooh!!! I will definitely try this! My individual posts already have social share but I will still try this :)

    ReplyDelete
  2. I've been looking for this social sharing widget for my blog. I will definitely use it for my blog. :)

    ReplyDelete