
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).
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 == 'Enter your email address…') {this.value = '';}” onblur=”if (this.value == '') {this.value = 'Enter your email address…';}” 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&fg=FFFFFF&anim=1″ height=”26″ width=”88″ style=”border:0; padding-top:5px” alt=”Fellow Readers” /></a>
</td>
</td>
</tr>
</table>
</center>
Done!
ChangeTechTrickHome and (your blog url)
- Email Subscription
- Feedburner
- Tecnorati
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 |
Oooh!!! I will definitely try this! My individual posts already have social share but I will still try this :)
ReplyDeleteHope you'll like this :)
DeleteI've been looking for this social sharing widget for my blog. I will definitely use it for my blog. :)
ReplyDelete