Twitter Timeline in 10 easy steps using Adobe DPS

Twitter Timeline in Adobe DPS in 10 easy steps

It’s not a basic feature, but I’m sure it might be very useful. I’ve found tutorials and advices how to embed twitter timeline, but they all require at least basic programming knowledge.
I’ll show how to embed twitter timeline in a digital publication without programming knowledge in 10 easy steps using Adobe DPS. 

Creat Twitter Widget

1. Go to link www.twitter.com/settings/widgets

2. Click  Twitter Timeline in Adobe DPS in 10 easy steps
Twitter Timeline in Adobe DPS in 10 easy steps

2. Check the settings. We change only “Height” from 600 px default to 850 px. 

Twitter Timeline in Adobe DPS in 10 easy steps

3. Create widget Twitter Timeline in Adobe DPS in 10 easy steps

4. Copy the code (N.Tsech 2014-05-01 at 10.25.22 + C)

Twitter Timeline in Adobe DPS in 10 easy steps
Embed Twitter Timeline in a digital publication

5. Open Object > Insert HTML…

Insert HTML

6. Replace default code with the code we copied earlier.
Twitter Timeline in Adobe DPS in 10 easy steps
Tip: Frame Size

To make a specific size of the timeline frame add body style in the HTML code: N.Tsech 2014-04-30 at 20.16.08. In this tut Width is 300 px and Height is 850 px.
Twitter Timeline in Adobe DPS in 10 easy steps
7. Select the timeline frame (Selection Tool, V N.Tsech 2014-04-24 at 09.57.11) and move the frame.
Twitter Timeline in Adobe DPS in 10 easy steps

8. Open Window >  Folio Overlays > Web Content

Folio

9. Select Auto Play and Allow User Interaction.

Twitter Timeline in Adobe DPS in 10 easy steps
10. Preview the article on a device.

Twitter Timeline in Adobe DPS in 10 easy steps
Works fine!

Twitter Timeline in Adobe DPS in 10 easy steps

Follow me  https://twitter.com/n_tsech  http://www.pinterest.com/MagPlanet/boards/

Advertisements