Home » Blogger Tutorials, Tricks and Hacks » Rotating Social Buttons And Email Subscription Widget

Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.

|| View All Tutorials ||

Rotating Social Buttons And Email Subscription Widget

Rotating Social Buttons And Email Subscription Widget

1 Star2 Stars3 Stars4 Stars5 Stars

Report Error

1,034 views

If everyone can create their own social widget, almost every single Blogger site would probably have its own uniquely designed widget. But since that’s not the case, most of us will just have to rely on those who are talented and skillful when it comes to Photoshop and hope that they’ll come up with a design that we’ll really love.

One such talented individual is Golden Dragon from TricksFinder, who came up with another beautifully designed social and email subscription button that rotates upon mouse hover. To try it out on your blog, just follow the instructions below.

  • Log in to your Blogger and go to the “Design” page on your dashboard.
  • Go to “Layout” and click on an “Add a Gadget” button.
  • Select “HTML/JavaScript” from the gadget list.
  • Copy/paste the code below:

<!–begin of Tricks Finder social widget–>
<center>
<div style=”background: #111111;border: 1px solid #CCC;border-top: 1px solid #CCC;padding: 5px 8px 1px 3px;text-align: center;border-image: initial;font-size:10px;font-family: “arial”,”helvetica”,sans-serif;”><div id=”social”>
<!–Start Facebook Icon–>
<a title=”Like our Facebook Page” href=”http://www.facebook.com/tricksfinder” target=”_blank”><img border=”0″ src=”http://2.bp.blogspot.com/-_sySQs-bwnM/UCuTo4f6I1I/AAAAAAAAAi8/lNmwPiqZJHg/s1600/facebook-icon.png” style=”margin-right:1px;” alt=”Icon”/></a>
<!–End Facebook Icon–>
<!–Start Twitter Icon–>
<a rel=”nofollow” title=”Follow Our Updates On Twitter” href=”https://twitter.com/tricksfinder” target=”_blank”><img border=”0″ src=”http://1.bp.blogspot.com/-uAYJSm-1-6c/UCuTquQDnMI/AAAAAAAAAjU/v6FYcf3GdT8/s1600/twitter-icon.png” style=”margin-right:1px;” alt=”Icon”/></a>
<!–End Twitter Icon–>
<!–Start Google+ Icon–>
<a title=”Follow Us On Google+” rel=”nofollow” href=”https://plus.google.com/114669905250225341128/” target=”_blank”><img style=”margin-right:1px;” src=”http://3.bp.blogspot.com/-Uchsi6t_8qA/UCuTpYEI-nI/AAAAAAAAAjE/A2tHe-awAow/s1600/google-icon.png”/></a>
<!–End Google+ Icon–>
<!–Start RSS Icon–>
<a rel=”nofollow” title=”Grab Our Rss Feed” href=”http://www.tricksfinder.com/feeds/posts/default?alt=rss” target=”_blank“><img border=”0″ src=”http://4.bp.blogspot.com/-osDTY1Wsjis/UCuTqE-XXNI/AAAAAAAAAjM/7F4sA2CZpn8/s1600/rss-icon.png” style=”margin-right:1px;” alt=”Icon”/></a>
<!–End RSS Icon–>
</div></div>
<!– Email Subscribe –>
<div id=”email-news-subscribe” style=”background: #EBEBEB;border: 1px solid #CCC;border-top: 1px solid white;padding: 1px 2px 1px 2px;font-size:10px;font-family: “arial”,”helvetica”,sans-serif;”>
<div>
<form action=”http://feedburner.google.com/fb/a/mailverify” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=tricksfinder/vsuv‘, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true”>
<input type=”text” style=”width: 110px; font-size: 12px;” id=”email” name=”email” value=”Enter Your Email..” onfocus=”if(this.value==this.defaultValue)this.value=&#39;&#39;;” onblur=”if(this.value==&#39;&#39;)this.value=this.defaultValue;” />
<input type=”hidden” value=”tricksfinder/vsuv” name=”uri” />
<input type=”hidden” name=”loc” value=”en_US” />
<input name=”commit” type=”submit” value=”Subscribe” />
</form>
</div></div>
</center>
<div id=”TricksFinder”><script src=’http://rotate-bar.googlecode.com/files/rotatebuttons.js’ type=’text/javascript’/>
</script></div>
<!–end of Tricks Finder social widget–>

  • Replace the highlighted portions or values with those of your own URL/links (your feedburner ID is usually the last part of your feedburner URL).
  • Save the widget and you’re done!
  • Check your blog to see if it looks OK.

NOTE: Your area where you’ll be placing this widget needs to be at least 250px in width. Otherwise it won’t fit perfectly. To fix this, just remove one of the social bookmarking icons. This can be done by deleting a whole section between any of the <!–Start XXXX Icon–> and <!–End XXXX Icon–> tags.

Liked It ? Please Share

Comments

One Response | Post A Comment | Subscribe To Comments RSS Feed

  1. Incrediblez says:

    Wow, Nice widget. One of the best sharing widgets. Looks great. Would be great if you tube can also be added.

Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here