In an earlier blog post, I showed you How to Embed Facebook Posts. In this tutorial, you will learn How to Embed Tweets in Blogger. This applies to any other website where you can use the built-in HTML editor to embed your Twitter posts.
Embedding tweets in blog posts is common and is a great way to share yur tweets as well as other popular tweets. Below, you will see two examples of embedded tweets.
The first example is an image tweet in which I tweeted an quote image. These embedded tweets retain link functionality, which means that visitors can like the tweet directly from your blog post (for example).
In the second example, I embedded my Twitter timeline which lists down several of my latest tweets. This is great because you can also use this to display it in a sidebar of your website, if you choose to.
If you prefer watching a video tutorial, feel free to watch this video below in which I walk you through the process of embedding a tweet, step-by-step.
So here are the steps on How to Embed a Tweet:
Bear in mind that you also have some basic options to customize the embedded tweet (optional). In order to do so, you can click the "Set Customization Options" link. As I showed in the video tutorial above, you will see options for a light and dark background. As well as, changing the color of the links in the tweet.
Below is an example of the embedded tweet that I showed in the video tutorial above. It is an image quote that I has tweeted. As you can see, the tweet is interactive, in the sense that, you can LIKE the tweet directly from the embed.
Here is another example of an embedded tweet in which I embedded my twitter timeline. The process of embedding the twitter timeline is similar. You just use your Twitter handle and choose the Timeline option. It will then generate the embed code which you can copy and paste (just like I did here).
Tweets by ajgodinho
Well, hope this brief tutorial helped on how to embed tweets on your website. If you have any questions, please leave them in the comments section. Thanks for stopping by!
CREDITS: Twitter logo and screenshots are copyright protected and used with permission | Google and the Google logo are registered trademarks of Google Inc., used with permission | Commercial rights to use videos, graphics & images used in this video | Microsoft, Windows, and the Windows logo are trademarks, or registered trademarks of Microsoft Corporation in the United States and/or other countries | Logos and screenshots used with permission from Microsoft | Other company names may be trademarks of their respective owners.
Embedding tweets in blog posts is common and is a great way to share yur tweets as well as other popular tweets. Below, you will see two examples of embedded tweets.
The first example is an image tweet in which I tweeted an quote image. These embedded tweets retain link functionality, which means that visitors can like the tweet directly from your blog post (for example).
In the second example, I embedded my Twitter timeline which lists down several of my latest tweets. This is great because you can also use this to display it in a sidebar of your website, if you choose to.
If you prefer watching a video tutorial, feel free to watch this video below in which I walk you through the process of embedding a tweet, step-by-step.
So here are the steps on How to Embed a Tweet:
- Step 1: click down-arrow (top-right corner of tweet)
- Step 2: choose the Embed Tweet option
- Step 3: copy embed code (using Copy button)
- Step 4: paste code in HTML editor (of website)
Bear in mind that you also have some basic options to customize the embedded tweet (optional). In order to do so, you can click the "Set Customization Options" link. As I showed in the video tutorial above, you will see options for a light and dark background. As well as, changing the color of the links in the tweet.
Below is an example of the embedded tweet that I showed in the video tutorial above. It is an image quote that I has tweeted. As you can see, the tweet is interactive, in the sense that, you can LIKE the tweet directly from the embed.
“Doing what you like is freedom. Liking what you do is happiness.” ~ Frank Tyger #MotivationMonday #MondayMotivation #Quotes pic.twitter.com/GrTf9YIi3O— Anthony Godinho 🍁 (@ajgodinho) October 28, 2019
Here is another example of an embedded tweet in which I embedded my twitter timeline. The process of embedding the twitter timeline is similar. You just use your Twitter handle and choose the Timeline option. It will then generate the embed code which you can copy and paste (just like I did here).
Tweets by ajgodinho
Well, hope this brief tutorial helped on how to embed tweets on your website. If you have any questions, please leave them in the comments section. Thanks for stopping by!
CREDITS: Twitter logo and screenshots are copyright protected and used with permission | Google and the Google logo are registered trademarks of Google Inc., used with permission | Commercial rights to use videos, graphics & images used in this video | Microsoft, Windows, and the Windows logo are trademarks, or registered trademarks of Microsoft Corporation in the United States and/or other countries | Logos and screenshots used with permission from Microsoft | Other company names may be trademarks of their respective owners.
This is an excellent post with amazing and helpful information, thank you for sharing it. Thanks to you I now have a bit more insight into embedding tweets.
ReplyDeleteWishing you a great Weekend!
You're welcome Leona! I'm glad this blog post helped. Yeah, embedding tweets and Facebook posts can be very helpful and add value to your blog posts. Thanks for stopping by and you have a great weekend too...stay blessed!
DeleteI already knew thi before and I tried it in a post and it worked.
ReplyDeleteBut it later changed to just text and link instead of previewing the tweet, do you have idea of what is wrong.?
Hi there, this generally happens when you're in Incognito mode. Alternatively, it could be the Privacy settings in your browser. What browser are you using?
Delete