Simple floating link image

[Alex]

If you would like to add a floating link image to your home page here is some script that works.

First create your own image file - upload it to your own hosting server or to Ning - then add that URL after "var logo url" between the " "s.

Then add a URL for your link after "var link_url" between the " "s.

Change where you want the image to appear on your home page by adjusting "img.style" settings. i.e top or bottom, left or right, and also distance in pixels.

Paste your amended code in the "body" section of your Custom Code.

If you need any help please ask.

============================================

Make sure you change the logo and link URL (location) as describe above.

============================================

 

<script type="text/javascript">

  /* Change this */

  var logo_url = "/logo.png";

  /* And this */

  var link_url = "/";

  var a = document.createElement("a");

  a.href = link_url;

  var img = document.createElement("img");

  img.src = logo_url;

  img.alt = "Logo";

  /* Use "top" if you want it to hang from the top */

  img.style.bottom = "0px";

  /* Use "left" if you want it on the left */

  img.style.right = "0px";

  img.style.position = "fixed";

  a.appendChild(img);

  document.body.appendChild(a);

</script>

==========================================

Your amended script should look similar to this...

==========================================

<script type="text/javascript">

  /* Change this */

  var logo_url = "http://awebsite.net/images/mylink.png";

  /* And this */

  var link_url = "http://acoolwebsite.net";

  var a = document.createElement("a");

  a.href = link_url;

  var img = document.createElement("img");

  img.src = logo_url;

  img.alt = "Logo";

  /* Use "top" if you want it to hang from the top */

  img.style.top = "40px";

  /* Use "left" if you want it on the left */

  img.style.right = "0px";

  img.style.position = "fixed";

  a.appendChild(img);

  document.body.appendChild(a);

</script

==========================================

Here is a screen shot. Floating image link top-left

See it working here >> ukchristians.ning.com

[Kos]

Done.  Cool - thank you.  Great for a chat link. "Hot Sale!", signup link, etc.  Thank you for sharing :)

[Henry Thomas]

Hey Alexander,

Nice, I really like this. Is there anyway to make it open a new window/tab rather than the same one the Ning network is open? Also, do you of a way to hide the link image if the network is showing in a mobile format?

Thanks,

Henry