Social Bookmarking floating icon widget for Blogger

Published at 11:48 AM in Social Bookmarking, Widgets

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.

To install this widget you must follow this step:

Login to your Blogger account
Go to Layout on the dashboard. Click "Add Gadget" and select the Html/Javascript gadget.
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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcNuWgMD8N4KSSTcn9wrQjDcdFdVTpgUKcOEppt5qRAenPb2cfLpZq5ADJMiIA0uCiNqn-9Qs-o3Wjp0fQyto8q8vEgFrpm3PQxtzWXlKFX0OdHp2duUo33wHf7-Ff7PgqpcsoFIboD1g/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK0XeMcIh2D32p3beb_B6oJYUbGXGLkpj_D257cvcCX9NvSTBa_errbEB9Owwi7izbrA1HJpomxBfxU0SCg_MShSUfRMG5xCHXcMevILf4nx6KoTiHMN2XQufTD0dakNHZau6RcDbLkkE/s800/feed.png" /></a>

that’s all

Spread The Love, Share Our Article

Post Details

12 Response to Social Bookmarking floating icon widget for Blogger

Real estate websites

June 10, 2010 at 3:13 PM

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

Unknown

June 13, 2010 at 12:57 PM

:) tnk's

Hey, It's Shar!

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

Unknown

July 19, 2010 at 8:11 PM

This comment has been removed by the author.

Unknown

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

http://koidesign.blogspot.com/2010/07/social-bookmarking-floating-icon-widget.html

Unknown

September 4, 2010 at 9:30 AM

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

RSS

Eva Ricci

March 27, 2011 at 4:33 PM

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

Unknown

March 31, 2011 at 1:15 PM

@whitney tnk's you are welcome

Unknown

March 31, 2011 at 1:16 PM

@Eva Ricci yes of course Eva :)

Movie Photos

October 10, 2011 at 10:56 AM

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

Anonymous

December 3, 2011 at 8:38 PM

Hiya,

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.

Paul

Milwaukee Graphics

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.

Thanks

KoiDesign