Adding a Twitter timeline to your website: 4 easy steps.

#webdev #tutorial #top7

Originally posted on my Twitter page via a thread.

Lors ♥️

@miss_lorsx

If you have a social/blog page on your personal site.

Why not add your Twitter timeline to it via an API. - Super easy!

You can even just add the follow button that links to your profile. (Sorry about my pictures!)

Have a great evening!

THREAD 🧵 👇

19:12 PM - 09 Sep 2020

I have been learning more and more everyday about HTML & JS.

I am very active on Twitter and wanted to incorporate my Twitter feed on to my personal portfolio site, I managed to do this in 4 easy steps (Lucky for us - Twitter produce the code snippet for you, to insert into your HTML body via a & script tags)

Check it out here:

1 - Head on over to Twitter & from the drop-down menu, choose which option you would like to display on your page, it can either be a single tweet, a collection, a handle or a profile.

Here, I've selected the collection option, to display a list of my tweets which are accessible by scrolling up and down.

2 - An option will be given to either display an embedded timeline, or Twitter buttons. Select the one you wish to use - the embedded option displays tweets in list order, whereas the Twitter buttons just display a follow/tweet button linked to your profile.

3 - One of my favourite parts of this, is the ability to customise it and make it more accessible to the user, and to fit in with your website design/layout. There is a light/dark option along with height/width, you can even choose a particular language for your timeline to be displayed in! Cool huh?

4 - Once customised, This is the super easy bit! An individual code snippet is produced for you to copy and then paste into your site's HTML body, wherever you want to display it! - All done!