Leaves on this Family Tree

Thursday, January 21, 2016

Scrolling Marquee

I had forgotten ALL about scrolling pictures on my sidebars. 
That is, until today.

Quite a few years ago I followed a blog by Louise Franks.
She had ALL KINDS of hints for the
burgeoning (is that the word I want?) blogger.

Alas, Louise switched to a more modern format
for building a blog
and she hasn't posted on that blog for a year or two.

Using Google, I googled her.
Come to find out she has a new website.
A combination of a Hypnotherapy site
and
Blog Design.
However, there was a contact me link
so I contacted her.
Hope she understands what I'm talking about.
Had this computer not crashed
I would still have her directions/program.

Oh Well . . . 
I finally figured out that I was looking for
"How to Make A Scrolling Marquee."
I played with a couple 
and came up with something I liked
(See top of left sidebar and below.)
What do you think?


Caprice Doily for Lauren Caprice for Allison Caprice for Julie and Matt Diamond Point Doily CAL Baroque Inspiration

I wish I could slow it down
AND
I wish I could add a caption for each.
But,
At least I can keep track 
of my projects
and update when needed.

BUT, it can be stopped with a mouse over
so that is good.

So I don't lose the information I found, 
I decided to add it here for safe keeping.

<center><marquee direction="up" onmouseover="this.stop()" width="150" scrollamount="4" onmouseout="this.start()" height="250"/>

<img src="Copy Image Address" alt="Name of Project" height="125" width="125" />

<img src="Copy Image Address" alt="Name of Project" height="125" width="125" />

<img src="Copy Image Address" alt="Name of Project" height="125" width="125" />

<img src="Copy Image Address" alt="Name of Project" height="125" width="125" />

<img src="Copy Image Address" alt="Name of Project" height="125" width="125" />

<img src="Copy Image Address" alt="Name of Project" height="125" width="125" />

<img src="Copy Image Address" alt="Name of Project" height="125" width="125" />

</marquee> 



Here is what will need to be done 
to get this gadget to work:
  1. Go to Layout.
  2. Click on Add Gadget.
  3. Find this and click on it - Configure HTML/Java Script
  4. Add the code listed above . . . only substitute your picture info for the bold/underlined sections.
  5. Directions can be - Up, Down, Left or Right
  6. Height and width can be anything between below 250. A nice small one would be 125. (I used 180. It seemed to look best.)
  7. Then find the photos on your blog, right click and highlight Copy Internet Address.
  8. Add this where it says Copy Image Address
  9. If your project has a name, add it here Name of Project      . (I added the name so I could find the names easier when I looked at the code)
GOOD LUCK ! ! ! ! !


No comments:

Post a Comment

Reading your comments inspires me to blog more.