How can visitors follow your Twitter account directly from the blog? Curious, right? Just follow the tutorial on how to install Twitter on the following blog, OK!
Now, the trend of blogging has begun to grow rapidly in various circles, both young people, writers, business people, internet marketers, and so on.
With so many bloggers popping up, many people are looking for various ways how to increase visitors on their blog, one of which is to integrate their Twitter account on the blog.
Indeed, you could say, this method is also one way to get a lot of traffic on the blog. Especially if you already have a lot of followers on your Twitter account.
Actually, installing the Twitter timeline and “Follow” button on the blog is very easy, because Twitter itself already has its own official service.
Just by following the official guidelines from Twitter, we should be able to do it ourselves.
However, for beginner bloggers, there may be confusion about how to install Twitter on their blog.
Therefore, in this article, we will discuss how to install Twitter on a blog, either by installing an embedded timeline or a “Follow” button.
Keep up, yeah!
How to Install Twitter Timeline on Blog
Here, I will practice a tutorial on how to install a Twitter timeline on a blog using 2 CMS platforms, namely Blogger and WordPress.
That way, you just have to follow the method according to the platform you are using.
1. Fetching Twitter timeline HTML code
The first thing you have to do is take the Twitter timeline HTML code which will later be installed on your blog.
It’s like this:
- Step #1: Open publish.twitter.com in your laptop/PC browser.
- Step #2: Enter your Twitter profile URL address. Enter https://twitter.com/username. Then, press Enter. View image:
- Step #3: Select the Embedded Timeline.
- Step #4: Click on set customization options to set the Twitter timeline widget size later.
- Step #5: Set the appearance of your Twitter timeline widget. You are given several widget customization options such as: widget size, theme, and language.
When finished, click the Update button.
- Step #6: After the HTML code appears, click Copy Code.
2. Installing HTML code on the blog
After getting the HTML code, your task now is to install the HTML code in the area you want on your blog.
Here’s how:
- Step #1: Open Blogger.com in a new tab, then sign in to your account.
- Step #2: Click Layout on the left of the dashboard.
- Step #3: Then, click Add a Gadget in the area where you want to put your Twitter timeline.
- Step #4: Select HTML/JavaScript.
- Step #5: In the Title field, fill in the title of your widget. In the Content field, enter the HTML code that you copied from https://publish.twitter.com/.
- Step #6: After that, click Save.
Already. Your Twitter timeline widget is already installed on your blog. Try opening your blog to check whether it is installed or not.
How to Install Twitter Follow Button on Blog
Now, how do you install a Twitter “Follow” button on your blog, so that your visitors can immediately click the button if they want to follow your Twitter account?
The trick, you have to take the HTML code of the follow button from Twitter, then install it in your blog Layout as a widget.
Here’s the tutorial:
1. Retrieve the HTML code of the “Follow” button
Before installing the “Follow” button on the blog, you must first get the HTML code.
It’s like this:
- Step #1: Open https://publish.twitter.com/ in your laptop/PC browser.
- Step #2: Enter your Twitter profile URL address. Enter https://twitter.com/username. Then, press Enter. View image:
- Step #3: Select Twitter Buttons, then select Follow Buttons.
- Step #4: Click on set customization options to customize the appearance of your “Follow” button.
- Step #5: Set the appearance of your Twitter “Follow” button. You are given several widget customization options such as: hiding the username, button size, and the language used.
When finished, click the Update button.
- Step #6: After the HTML code appears, click Copy Code.
2. Installing HTML code on the blog
After successfully getting the HTML code, then the next step is to install the code in one of the layout areas of your blog.
The method is as follows:
- Step #1: Open Blogger.com in a new tab, then login to your account.
- Step #2: Click Layout on the left of the dashboard.
- Step #3: Then, click Add Gadget in the area where you want to put your Twitter “Follow” button.
- Step #4: Click on HTML/JavaScript.
- Step #5: In the Title field, fill in the title of your widget. In the Content field, enter the HTML code that you copied from https://publish.twitter.com/.
- Step #6: After that, click Save.
Already. Your Twitter “Follow” button widget is already installed on your blog. Try opening your blog to check whether it is installed or not.
***
Well, that’s the tutorial this time.
We have already discussed how to install Twitter on a blog, either by installing a timeline or a Twitter “Follow” button on a blog or website.
If you’ve managed to do it, don’t forget to share it with your fellow bloggers, OK!
If you have any problems, don’t hesitate to ask in the comments!