Skip to content

Month: May 2021

How to Make a Running Banner/Ticker in Slides

Posted in technology

 

 I follow A. Colwell on Twitter and loved her running announcement ticker/banner. When I looked up how to do it, I found a great video by The Techy Coach!  A link to Audrey’s website is at the bottom of this post. 

The Techy Coach

Here are instructions I’m making for myself for when I forget how to do this next year!

 

These instructions are what I wrote down for myself after watching The Techy Coach’s video. It is not exactly like he says to do it  (oops). 

  1. Create a new Google Slides presentation.
  2. Go to the top menu bar: FILE – Page Setup
  3. Change from (Standard) to: CUSTOM
  4. Enter (size) – example: 10 x 1 – I messed w this further in the HTML after mine was finished (width 700, height 125) see HTML below
  5. Type your message
  6. Click TRANSITION button on top menu bar.
  7. Select text box – click ADD ANIMATION
  8.  Add first animation:  FLY IN FROM RIGHT (change to WITH PREVIOUS) – use slider to slow down  (the one above I didn’t do correctly because mine is ‘AFTER previous’) oops 🙂
  9. Add second animation: OUT TO LEFT (change to AFTER PREVIOUS) – use slider to slow down (move it almost all the way to the left)

ticker2

 

10. Click PLAY to test your animations

11. Now go to your side view in the left panel and right click- COPY

banner The Techy Coach
from The Techy Coach

12. Paste it about 10 more times (CTRL-V)

banner 10-12 Techy Coach
from the Techy Coach

13. Choose FILE: Publish to the Web and adjust the settings as follows-

This is so it will “automatically launch in kiosk mode” (The Techy Coach).

 

how tyo

 

14. I further adjusted the HTML to change the size parameters a bit for mine because it looked weird with the font I chose:

 Embed code: 
<p style=”text-align: center;”><iframe src=”https://docs.google.com/presentation/d/e/2PACX-1vQhklY1PnFzT9c_DAX5ugvcxfD039Du5i6B2zlCQMX1RV7Ka81e4bkOYAGPyviu2jEV1lYEJg6xFncV/embed?start=true&amp;loop=true&amp;delayms=1000″ width=”700″ height=”125″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe></p>
&nbsp;

15. Copy the embed code and paste it into your site. Edublogs (add media button), Insert Embed Code, (add <center> first in the HTML), and paste, SAVE

(Google Sites)- Embed from Web button, check Preview, INSERT, resize box, center, adjust within frame, PUBLISH (from the Techy Coach)

Here are the video instructions from The Techy Coach

techy coach

Also check out Audrey Colwell’s (McKinney ISD) Slaughter Elementary Learning Commons page! This is where I saw the ticker idea! 

Skip to toolbar