In this Articles I'm going to show you " How to add Twitter Widgets to a blog/website
Adding your Twitter feeds, Twitter Timeline, Twitter Follow Button and Twitter Mention button is very Simple.
In this Tutorial by Following my Simple steps you can be to able to add Twitter Widgets to your blog/website for free.
Requirements:
1. You must have your own blog/website. (You can also here on How to create free blog/website? )
2. You Should have your Twitter personal account or twitter for blog account.
First we will check our twitter Username
Steps 1. Go to https://publisher.twitter.com
Steps 2. Just Enter your Full Twitter profile link
Eg: https://twitter.com/yourusername (See in the pictures I have entered my own Username).
And after this now I will show you "How to Add your Twitter Timeline" First.
See Demo of My Twitter Timeline Here:
Tweets by raazwebcity
Steps to follow for embedding Twitter Timeline:
Steps 1. There you Will find showing two option, first one is for your timeline and second one will be for your Twitter follow button and Twitter Mention Button. (See in the pictures).
Step 2. Select the first one then there you will find showing your Twitter Timeline feeds at downwardly. (See in the pictures)
Step 3. If you love to customize it then click on customize, you will see there different types of style to customize like Height and Weight with Colours. And after click on Updates. (See in the Pictures).
Steps 4. After all done just click on "Copy Code" and paste it on your blog or your website. That's free!!!
1 Q. How to Add Twitter Widgets in Blogger Platform?
Ans: If you are a blogger user and wanted to add on your post or in your any Gadgets sideBars then Follow this:
I. Go to your blogger dashboard and Click on "New post" , then Click on HTML and paste the following code which you copied earlier. (See in the Pictures)
II. Then write post title like" My First Test post" then Click on Preview or just publish it.
That's it!!!
2 Q. How to add Twitter Widgets in my blogger blogspot sidebar box?
Steps 1. Go to Layout and click on it. Then click on any Add Gadgets. (See in the Pictures)
Step 2. Then click on HTML/JavaScript (See in Pictures)
Steps 3. Ignore the tittle and paste the following code in the Contents box which you copied the code earlier. (See in the Pictures)
3 Q. How to Add Twitter Follow Button on your blog/website
See The Demo:
Follow @raazwebcity
Steps 1. Now choose the Second which name is Twitter Buttons (See in the Pictures)
Steps 2. There in it a Popup will show a two options named Twitter follow Button and Twitter Mention Button. You can choose first one that as per my Tutorials first later you can do it by your own. (See in the Pictures).
Step 3. Now click on Copy Code and paste in your blog/website. (Do the same procedure as we have done in 1 Q and 2 Q if your a blogger users)
4 Q. How to add Twitter Mention Button on your blog/website
See The Demo:
Tweet to @raazwebcity
Ans:
Steps 1: Now choose the second Option named Twitter Mention Button. (See in the Pictures)
Steps 2. Click on Copy code and paste it on your Blog/website ( Do the same procedure as we have done on 1 Q and 2 Q. If you are blogger users).
Watch Full Video Tutorials
Congratulations you are all set to Live and enjoy writing articles.
If any issues you face just leave us your queries in the comments below