How to Add All In One Social Sharing Box Widget to Blog | Blogger | Softwares | Androids

8/11/2015

How to Add All In One Social Sharing Box Widget to Blog



Social widgets are very usefull and important for a blog.It increse your followers,traffic and more.But if you add more and more social widgets to blog then it may increase your blog loading time.This is very bad impression for visitors.For that you have a widget that have all Social sharing in it.So for tha i code a widget that have all social following's in it .It also include's E-Mail subscription in it. 












------------------------------------------------------------------------------------------------------------------------
 Add Social Sharing Box Widget in Blog:
-------------------------------------------------------------------------------------------------------------------------

To add it in blog you have to follow below steps.
  • Go to Blogger.Login to account.
  • In DashBoard section Go to Layout>>Add a Gadget.
  • Choose HTML/JAVASCRIPT.
  • Add below code in it.
<div class="bloggerauthorityOldSocial">
<ul>
<li class="bloggerauthorityrss"><a href="http://feeds.feedburner.com/
bloggerauthority">RSS</a></li>
<li class="bloggerauthoritymail"><a href="http://feedburner.google.com/fb/a/mailverify?uri=
bloggerauthority" >Email</a></li>
<li class="bloggerauthoritytwitter"><a href="http://twitter.com/
nomz890">Twitter</a></li>
<li class="bloggerauthorityfacebook"><a href="http://facebook.com/
nomiking8">Facebook</a></li>
</ul>
</div>
<div id="bloggerauthorityEmailsub">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=
bloggerauthority', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="bloggerauthorityEmailform">
<input type="hidden" value="
bloggerauthority" name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input type="text" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" value="Enter your email..." name="email" class="emailText" />
<input type="submit" class="emailButton" value="SignUp" title='' />
</form>
</div>


  • Change the Highlighted words with your ownone.
  • Save it.

---------------------------------------------------------------------------------------------------------
Conclusion:
---------------------------------------------------------------------------------------------------------

So you have add this widget in to blog.Now you will be able to get more traffic and more followers.
Your Turn:
                  Now Share this post to your friends.Also if you have questions,feel free to Ask!! 

Unknown

I am a Electronic Engineer from Pakistan. Mostly i love to play tricks with HTML ,JavaScript and Android Developnment. Moreover i run 2 blogs from 2012-still.Blogging is my passion and i believe i am doing very good in this field.Follow me at Facebook and at twitter
Choose Commenting Sytem..

No comments :

 

Copyright @ 2012-2015 Blogger | Softwares | Androids | Privacy Policy | SiteMap |

Designed by Nomi-King & Sponsored By Blogger-Authority