Roger Federer
Only members can view the other topics or post on this forum.

Please login or register as a new member. It's free!

How to Post a Tweet (embedded)

View previous topic View next topic Go down

How to Post a Tweet (embedded)

Post by Cromar on Thu Apr 13, 2017 11:47 pm

Fedled posted great guidelines on how to post an embedded Tweet, complete with images, in the 'Having Trouble Posting' topic.

So I decided to copy it here, along with some information I added regarding quirks you may encounter when pasting Tweets, for a complete guide on how to become a Pro at embedding Tweets in your posts!  Wink
avatar
Cromar

Posts : 919
Join date : 2017-01-24
Location : Montreal, Canada

Back to top Go down

Re: How to Post a Tweet (embedded)

Post by Cromar on Thu Apr 13, 2017 11:55 pm

fedled wrote:

Embedding Tweets (including images) in four easy steps:


1. Select your tweet, click on the downward pointing arrowhead as marked in red on this example

[You must be registered and logged in to see this image.]



2. This dropdown menu appears (at least in Firefox, may differ in other browsers) click on the blue highlighted option.

[You must be registered and logged in to see this image.]



3. This screen then appears:

[You must be registered and logged in to see this image.]


4. Copy the code and paste it into your post. Done!  Very Happy


Much more details here: [You must be registered and logged in to see this link.]

avatar
Cromar

Posts : 919
Join date : 2017-01-24
Location : Montreal, Canada

Back to top Go down

Re: How to Post a Tweet (embedded)

Post by Cromar on Fri Apr 14, 2017 12:02 am

Great post from fedled on how to post embedded Tweets!

Just want to add a couple of notes about some quirks you may encounter when embedding Tweets, namely: 'blockquoteclass' without a space and Emoji's...

Important:
But first, make sure that you have HTML enabled in your Profile if you want to see the 'real' Tweets (not just the text). To activate HTML, go to your Profile and under 'Preferences', select/tag "Always allow HTML", and 'Save'.


1. blockquote class

If your Tweet doesn't display properly, check the first line of the code and ensure that there is a space between "blockquote" and "class" (see sample code below). For some reason, once in a while, you will see that the "blockquoteclass" get pasted without a space. Just add the space and your Tweet should be fine.


2. Emoji's

Emoji's interfere with embedded codes, effectively cutting off the link. So, make sure that you remove any Emoji's from the embedded code. The Tweet will still show up in full, with the Emoji's, as it actually uses the embedded Status ID to display the full Tweet.

This tweet from Roger is a good example of it... After pasting the 'embed' code from Twitter and clicking 'Preview', you will see Roger's tweet displayed in all its glory. Then you hit the 'Send' button and it disappears, leaving you with just one liner.

If you then go back to edit your post, you will see that most the code you pasted is gone. The reason: It got cut-off at the emoji. So, the solution is to remove those fancy emojis (beloved by Roger) from the code.

Here is the example of the original code:
[You must be registered and logged in to see this image.]


Just remove the Palm Tree (highlighted in yellow) and your tweet should display properly, like this:

avatar
Cromar

Posts : 919
Join date : 2017-01-24
Location : Montreal, Canada

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum