Add Twitter Widget to your WordPress Blog


Twitter is the popular Social Networking site. You can see twitter widget in all the blogs or websites you visit. You wonder how they add Twitter widget to their website. Follow this article to include Twitter widget to your WordPress site.

Almost one person in four has Twitter account. If you are in the thought of having Twitter account, just go to this link and create your account. If you ready with your Twitter account and you want to include your Twitter timeline to your website through twitter widget. Go along with this article and learn it.

Before you add your Twitter widget to your blog, You must create a Twitter widget for you and If you having site on Blogger view this to add Twitter widget to Blogger.

In WordPress you cant see your programming code and you can add only Twitter

Add Twitter Widget to Your WordPress site
Add Twitter Widget to Your WordPress site

widget to your site. To add Twitter widget, just go to your WordPress Dashboard and then go to Appearance and then select widget, now you can see Twitter widget in the list click on it and then add to your site. Now you can see Your Twitter widget in the picture.

Here just give the title, How you going to display your Twitter widget on your WordPress site. Then give width and height of the widget. In widget ID just code the ID from source code.

Once you create your own Twitter widget you will get the source code. In the source code you can see the date widget ID attribute copy that ID and then paste it in the widget ID field, click on save and then refresh your site you can see your twitter widget on your WordPress site. You also set the number of tweets to show in the site.

<a href=”https://twitter.com/TechMarketWorld&#8221; data-widget-id=”412261247279587328″>Tweets by @TechMarketWorld</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?’http’:’https’;if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+”://platform.twitter.com/widgets.js” ;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);</script>

Above is the source code of a Twitter widget. you just replace Techmarketworld with your Twitter username.

Advertisements

Tell us Your Suggestion

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s