News!! How To Set A Working Twitter Message Into Your Blog
This article shows how y'all tin embed a fully-featured message from Twitter, correct within your blog, which lets visitors re-tweet, favour it - as well as follow y'all inward Twitter.
If you're reading Twitter, as well as encounter a tweet that y'all desire to weblog about, it's slow to copy-and-paste the content into a weblog post or a gadget. This brings the text as well as the links (and photos etc) that are component subdivision of it - similar this:
To practice this, y'all only request to larn the HTML-embed code for the tweet from Twitter, as well as install it into your blog.
Go to the perma-link page for the message, past times clicking on Details inward the extended view.
On the webpage that opens, click Embed this Tweet, which y'all tin notice at the bottom of the page. (Notice that the URL for the tweet is showing inward the address bar at the transcend of the screen.
Copy the code from the HTML tab of the box that opens. At the moment, I recommend choosing an alignment, because without it, the code hasn't been working - hopefully this volition alter soon). It will expect something similar this:
If y'all select other Twitter widgets etc anywhere else on your blog, as well as therefore y'all request to locomote out out the final line, ie
Put this code into your weblog inward the same means every bit whatever other external HTML.
If you've pose it into a post, as well as therefore y'all request to release the post immediately from the HTML view:
If this happens (or if y'all edit the post in i trial to a greater extent than later publishing it) y'all request to larn dorsum to Edit HTML mode, as well as add together them inward again.
Just to last clear where these tags go, I've highlighted them inward this code example:
If y'all utilisation a test-blog to get your posts correct earlier y'all release them inward your blog, as well as therefore y'all should every bit good double-check the <p> </p> tags inward Edit HTML vogue every bit the final matter y'all practice earlier publishing the post inward your for-real blog.
However if the message has been deleted from Twitter, your readers volition encounter this instead:
Effectively, if the message non inward Twitter whatever more, the content is nonetheless shown, but the extra features aren't available.
Other Twitter gadgets
What is RSS / Subscribe to Posts
Giving your weblog an electronic mail subscription option
Getting your posts correct earlier y'all present them to your readers
Showing Twitter messages: copied text vs full-featured tweets
California drowning out the window side. instagr.am/p/LLXlAexc3mBut the embedable-tweets characteristic makes it almost every bit slow to show the actual tweet within a post (or inward a gadget inward your header, footer or sidebar). And if y'all utilisation this feature, your readers volition last able to utilisation the Twitter features that larn amongst a tweet:
- View photos / videos, inward the same means that they tin inward Twitter
- Reply, retweet or favor the Tweet
- Follow the tweet's writer amongst a unmarried click
- Click on the author’s @username to see their Twitter profile page,
- See the date inward the lower left corner of the Tweet
- See replies, retweets as well as favorites on the tweet's Details page.
To practice this, y'all only request to larn the HTML-embed code for the tweet from Twitter, as well as install it into your blog.
How to larn the code to display the embeddable Tweet
Open the expanded sentiment of of the tweet, past times clicking on either the give-and-take "expand" straight off nether it, or the time-indicator on the correct manus side if y'all can't encounter "expand".
Go to the perma-link page for the message, past times clicking on Details inward the extended view.
On the webpage that opens, click Embed this Tweet, which y'all tin notice at the bottom of the page. (Notice that the URL for the tweet is showing inward the address bar at the transcend of the screen.
Copy the code from the HTML tab of the box that opens. At the moment, I recommend choosing an alignment, because without it, the code hasn't been working - hopefully this volition alter soon). It will expect something similar this:
<blockquote class="twitter-tweet tw-align-center"><p>These buttons dont fly-in, hover, shine, zoom, slide, popular out of egg-shells, sing songs or launder dishes.<a href="http://t.co/MAKJPf5X" title="News!! How to pose a working Twitter message into your blog">bit.ly/JPNn04</a> via@BloggerHAT</p>— Blogger HintsAndTips (@BloggerHAT) <a href="https://twitter.com/BloggerHAT/status/202068733534011392" data-datetime="2012-05-14T16:11:54+00:00">May 14, 2012</a></blockquote>
<script src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
If y'all select other Twitter widgets etc anywhere else on your blog, as well as therefore y'all request to locomote out out the final line, ie
<script src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
How to pose the embeddable Tweet into your blog
Write the rest of your weblog post. (Maybe pose inward some marking text to present where it's going to go).Put this code into your weblog inward the same means every bit whatever other external HTML.
Hint: When putting HTML into a post, I commonly write the post first, as well as therefore pose something similar "XXXXX" where I desire the tweet to go. Then I switch to the HTML view, utilisation Ctrl/F to search for XXXXX (or whatever I used), therefore I know where to pose the code.
If you've pose it into a post, as well as therefore y'all request to release the post immediately from the HTML view:
- Do non larn dorsum to Compose mode.
- Do non Preview the post earlier y'all release it
What nearly if y'all accidentally Preview or utilisation Compose-mode - or edit the post again?
If y'all larn dorsum to the WYSIYIG / Compose mode, or if y'all utilisation Blogger's preview function, as well as therefore the <p> as well as </p> tags around the tweet-contents are removed - this is a characteristic of how Blogger's post-editor works.If this happens (or if y'all edit the post in i trial to a greater extent than later publishing it) y'all request to larn dorsum to Edit HTML mode, as well as add together them inward again.
Just to last clear where these tags go, I've highlighted them inward this code example:
<blockquote class="twitter-tweet tw-align-center"><p>These buttons dont fly-in, hover, shine, zoom, slide, popular out of egg-shells, sing songs or launder dishes.<a href="http://t.co/MAKJPf5X" title="News!! How to pose a working Twitter message into your blog">bit.ly/JPNn04</a> via@BloggerHAT</p>— Blogger HintsAndTips (@BloggerHAT) <a href="https://twitter.com/BloggerHAT/status/202068733534011392" data-datetime="2012-05-14T16:11:54+00:00">May 14, 2012</a></blockquote>
If y'all utilisation a test-blog to get your posts correct earlier y'all release them inward your blog, as well as therefore y'all should every bit good double-check the <p> </p> tags inward Edit HTML vogue every bit the final matter y'all practice earlier publishing the post inward your for-real blog.
What your readers volition see
Web-browser visitors
While the message that y'all select embedded is nonetheless inward Twitter, as well as therefore visitors to your weblog on a web-browser encounter it (the tweet) displayed along amongst the appointment it was posted, the author's Twitter ID, as well as links for replying, re-tweeting as well as favouring the message - similar this:These buttons dont fly-in, hover, shine, zoom, slide, popular out of egg-shells, sing songs or launder dishes.bit.ly/JPNn04 via@BloggerHAT
— Blogger HintsAndTips (@BloggerHAT) May 14, 2012
However if the message has been deleted from Twitter, your readers volition encounter this instead:
What happens when an embedded tweet is deleted?I estimate this is the best means to notice out:-)
— Blogger HintsAndTips (@BloggerHAT) May 30, 2012
Effectively, if the message non inward Twitter whatever more, the content is nonetheless shown, but the extra features aren't available.
RSS-feed readers:
Visitors who read your weblog through an RSS-subscription volition encounter .... coming soon, when I've seen what this post looks similar inward my reader!Email subscribers:
Readers who encounter your weblog via email subscription .... coming soon, when I've seen what this post looks similar inward my emailRelated Articles
Installing 3rd political party HTML into BloggerOther Twitter gadgets
What is RSS / Subscribe to Posts
Giving your weblog an electronic mail subscription option
Getting your posts correct earlier y'all present them to your readers
Related Posts :
News!! Hiding Your Blog's Attribution Gadget, Using A Css Rule
News!! Blocking Specific Adsense Advertisers From Your SiteNews!! Adsense In Addition To The Request-Uri Likewise Large Fault Message: Sometimes A Work-Around Is Practiced Enough.
News!! Adding A Novel Css (Formatting) Dominion To Your Blog's TemplateNews!! Dynamic Views Inwards Blogger: What Are They? What Should Yous Produce Most Them?
0 Response to "News!! How To Set A Working Twitter Message Into Your Blog"
Post a Comment