Monday 20 April 2015

How to Embed your Twitter Post on Your Blog

Besides search engine optimization, social media optimization is also a vital part of  promotion of a blog or website. You can get high success by engaging with your website audience but what if they are unable to connect with you on social networks? Hence the need of social widgets on a blog is very high. Once you successfully optimized your blog's blank space with social media widgets, you are one the track of achievements and no one can check you then.

Twitter social widget for blogger

Advantages of Embedding Twitter Profile on your Blog

There are numerous advantageous of  embedding your twitter profile on your blog.
  • Audience can easily interact you on twitter and can share their view with you on twitter.
  • Your audience feel something that is transparent on your blog.
  • There is no ghost author on the blog and its written by real one.
  • The blog is live and administrator will hear what i will put before him.

How to Use Twitter Custom Profile Embed Widget on Blogger

As usually we do it, Goto add widget in the blog layout section and select HTMl/java script there.
Now you need to put the code below there


<a class="twitter-timeline"
width="250"
height="700"
data-theme="light"
data-chrome="noscrollbar"
href="https://twitter.com/yesiamblogger"
data-widget-id="558498227154976769">
Tweets by @yesiamblogger
</a>


Go to https://twitter.com/settings/widgets and click add widget there. Simply Save it without doing anything there.

Now see the URL of the page and copy your widget ID there. and replace it with the green text in the code snippet given above.

Replace yesiamblogger with your own twitter username and click save.

You're done embedding your twitter profile on your blogger blog.


Hey Stop! You can customize it as well.

There are few things you can customize manually. To change the color of the border of the widget on the blog appearance use below code and select your own border color there.
data-border-color="#cc0000"

You can set tweets limit you want to be shown on the widget with the below code into the coding of the widget. Below code says that only 5 tweets will be shown there.
data-tweet-limit="5"

Links color can be change with the below code.
data-link-color="#cc0000"


This is not it, you can set width and height of the widget. refer to the widget code and see width is 250px and height is 700px there. You can change these properties as well.

In order to hide the scroll bar, use below code, which is already placed in the above widget code.
data-chrome="noscrollbar"


Hope this important information meant you  a lot. Share your ideas about this post below in the comment box. 

Hi There, I’m Vashishtha! Just another tech-savvy blogger on the plannet with a super power of troubleshooting.


EmoticonEmoticon