DEV Community

Cover image for TWITTER IMAGES INTO YOUR WEBSITE
ssenyonga yasin
ssenyonga yasin

Posted on

2 1

TWITTER IMAGES INTO YOUR WEBSITE

1.Click the icon located within the Tweet.
2.From the menu, select Embed Tweet.
3.This will open publish.twitter.com where you can customize the look of the embedded Tweet by clicking set customization options.
4.If the Tweet is a reply to another Tweet, you can check Hide Conversation to hide the original Tweet.
5.Once you like the look of the embedded Tweet, copy the code provided by clicking the Copy Code button.
6.Paste the code into your blog or website.

example

#MoneyHeistSeason5 must watch today pic.twitter.com/IyFpGbFLfD

— computer_wizard (@MillersYasin) September 3, 2021

<blockquote class="twitter-tweet" data-theme="dark"><p lang="en" dir="ltr"><a href="https://twitter.com/hashtag/MoneyHeistSeason5?src=hash&amp;ref_src=twsrc%5Etfw">#MoneyHeistSeason5</a> must watch today <a href="https://t.co/IyFpGbFLfD">pic.twitter.com/IyFpGbFLfD</a></p>&mdash; computer_wizard (@MillersYasin) <a href="https://twitter.com/MillersYasin/status/1433677771751010308?ref_src=twsrc%5Etfw">September 3, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
Enter fullscreen mode Exit fullscreen mode

You can also edit the image as you are coding in your editor that's the height, width etc.

Alt Text

Make your site very light by using twitter to host the images.

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

AWS GenAI LIVE image

Real challenges. Real solutions. Real talk.

From technical discussions to philosophical debates, AWS and AWS Partners examine the impact and evolution of gen AI.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay