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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSuNTTx1PlUMyhP8tkEy3gSyDACfp4DC8azlHiOrELoJvvG3jeAN7xWwfH2j6DPv7e_2WTzddBzM65As0_IIk-IYwBBnguM4Pb6jMsknlUaKLwGA5JIiNZYAMMEZIM3hVp38cFzeTHvvM/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
12 Response to Social Bookmarking floating icon widget for Blogger
Nice tutorial. I'll add this icons to my blog.
:) tnk's
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
@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
That is great. It is really a helpful information. Keep up the good work...
RSS
These are great...can I add a facebook and flickr icon to this same gadget???
@whitney tnk's you are welcome
@Eva Ricci yes of course Eva :)
Nice and Simple tutorial. Will try to implement in all my blogs soon
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
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
Post a Comment