Social Bookmarking floating icon widget for Blogger

Published at 11:48 AM in ,

social Hi!! here is my new blogger widget “Social Bookmarking floating icon widget for Blogger” ,this widget allow the Social Bookmarking icon scrolling with the page like in my blog… useful and funny, just try it.





header part copy

 To install this widget you must follow this step:

  1. Login to your Blogger account
  2. Go to Layout on the dashboard. Click "Add Gadget" and select the Html/Javascript gadget.
  3. Copy and paste this code, but be sure to change the urls in red to your own:

<br /><a style="display:scroll;position:fixed;bottom:200px;right:1px;" href="http://www.twitter.com/koidesign_tw" target="_blank"><img style="border:0;" src="http://lh5.ggpht.com/_K8n5aEb_jlI/S_-ZK2JiKnI/AAAAAAAABoI/QPbtJX6Ri8w/s800/twitter.png" /></a>

<br /><a style="display:scroll;position:fixed;bottom:250px;right:1px;" href=”YOUR DIGG URL” target="_blank"><img style="border:0;" src="http://lh6.ggpht.com/_K8n5aEb_jlI/S_-ZKpcEXtI/AAAAAAAABoA/wwdhzDO9NYk/s800/digg.png" /></a>

<br />
<br /><a style="display:scroll;position:fixed;bottom:150px;right:1px;" href="YOU FEED URL" target="_blank"><img style="border:0;" src="http://lh6.ggpht.com/_K8n5aEb_jlI/S_-ZKoZ4RRI/AAAAAAAABoE/J43DfNHSyYM/s800/feed.png" /></a>

that’s all

Spread The Love, Share Our Article

Related Posts

Post Details

12 Response to Social Bookmarking floating icon widget for Blogger

June 10, 2010 at 3:13 PM

Nice tutorial. I'll add this icons to my blog.

June 13, 2010 at 12:57 PM

:) tnk's

July 19, 2010 at 5:29 AM

Thank You! Easy instructions ~ unfortunately it took me all day to find you! ;0) Question? The icons I'm using are 128 x 128 so I'm having some overlapping issues. I tried to break them up into to Gadget attachments and I'm not familiar with px number. Thanks Again! I await your response. Shar

July 19, 2010 at 8:11 PM
This comment has been removed by the author.
July 19, 2010 at 8:16 PM

@Shar hi share 128 x 128 are huge icons but nice idea
here is a solution to your problem thanks again


September 4, 2010 at 9:30 AM

That is great. It is really a helpful information. Keep up the good work...


March 27, 2011 at 4:33 PM

These are great...can I add a facebook and flickr icon to this same gadget???

March 31, 2011 at 1:15 PM

@whitney tnk's you are welcome

March 31, 2011 at 1:16 PM

@Eva Ricci yes of course Eva :)

October 10, 2011 at 10:56 AM

Nice and Simple tutorial. Will try to implement in all my blogs soon

December 3, 2011 at 8:38 PM


This is just what I’ve been looking for – thank you!

During the setup I selected the Html/JavaScript gadget, as instructed and named it accordingly. Everything works fine but I now have an extra block in my right-hand pane relating to this widget.

I don’t practically want this there; I only wanted the network icons – which are present and working. Is there any way of removing the unwanted block?

Thanking you in anticipation.


August 22, 2012 at 7:11 AM

Finally, I found a code that works. Everything else I've tried tonight has failed. One question though, I placed the gadget in the sidebar and the images floated where they are supposed to be, but now there is a gadget in the side bar that doesn't need to be there, "Check Us Out". Can we get rid of that, or should I have placed the code somewhere else? Take a look.

Dead On Design Blog For Graphic Designers

I also added a little code to do mouseover so the images are a bit more dynamic.


Post a Comment