Ads 720 x 90

Twitter Feeds embed and customization

Post a Comment



official source: https://publish.twitter.com/#

Embed a twitter Profile:

Code:
<a class="twitter-timeline" href="https://twitter.com/TwitterDev"data-width="100%" data-height="300" data-chrome="noheader nofooter noborders noscrollbar" data-link-color="#FAB81E" data-lang="en">Tweets by TwitterDev</a> <script async="" charset="utf-8" src="//platform.twitter.com/widgets.js"></script>
Result:


Customizations:
href="https://twitter.com/username"
data-width="your width in % or No."
data-height="your height in % or No."
data-chrome="noheader" (hides header of twitter widget. remove it to see header.)
data-chrome="nofooter" (hides footer of twitter widget. remove it to see footer.)
data-chrome="noborders" (hides borders in twitter widget. remove it to see borders. )
data-chrome="noscrollbar" (hides scrollbar in twitter widget. remove it to see scrollbar. )
data-lang="your language code here" (find here https://www.w3schools.com/tags/ref_language_codes.asp )
data-link-color="Color code" (find here https://www.w3schools.com/colors/colors_picker.asp )
data-theme="dark" (dark or light)

Embed a twitter likes:

Code:
<a class="twitter-timeline" data-lang="en" data-width="500" data-height="300" data-chrome="nofooter noborders noscrollbar" data-link-color="#FAB81E" href="https://twitter.com/TwitterDev/likes"></a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
Result:

Customizations:same as above
href="https://twitter.com/username/likes"


Embed a twitter search:

follow this url https://twitter.com/settings/widgets/new

Related Posts

Post a Comment

follow on

Subscribe Our Newsletter