Embed Twitter moments into Blogger

The Embedded Tweet feature allows you to generate HTML markup rendered as a Tweet on Blogger. This script publishes a Tweet in a nice way, and automatically sets up reference links so that viewers of the “Tweet may retweet, reply, favorite, and follow easily from the rendered view”.
 

Get Script & Paste

The simplest approach to embed a Tweet is to navigate to the details page for the Tweet you want to embed (for example, the following Tweet) and click the “Embed link, as highlighted in this image”:



The following dialog will provide you with customization options, including HTML markup which you should ‘copy and paste’ into the Blogger page that you wish to embed the Tweet into:


NOTE: Only 'copy and paste’ markup beginning with, <blockquote class="twitter-tweet"> and ending at </blockquote>, as shown below.


<blockquote class="twitter-tweet"><p>Search API will now always return "real" Twitter user IDs. The with_twitter_user_id parameter is no longer necessary. An era has ended. ^TS</p>&mdash; Twitter API (@twitterapi) <a href="https://twitter.com/twitterapi/status/133640144317198338" data-datetime="2011-11-07T20:21:07+00:00">November7, 2011</a></blockquote>


The following is example code and will not work on your website if you copy and paste it for reasons described in the “domains” section documented here.

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
If you've e already installed the ‘widgets.js’ JavaScript in your Blogger page to show Twitter buttons or embedded Tweets, you don't need to include this script again. For additional information about configuring scripts, go here.

The JavaScript gets inserted into Blogger as a gadget. Click ‘Add a Gadget’, to insert the code


Insert the code snippet and save the changes. 


Authored by on