Stuff that occurs to me

All of my 'how to' posts are tagged here. The most popular posts are about blocking and private accounts on Twitter, also the science communication jobs list. None of the science or medical information I might post to this blog should be taken as medical advice (I'm not medically trained).

Think of this blog as a sort of nursery for my half-baked ideas hence 'stuff that occurs to me'.

Contact: @JoBrodie Email: jo DOT brodie AT gmail DOT com

Science in London: The 2018/19 scientific society talks in London blog post

Showing posts with label embed. Show all posts
Showing posts with label embed. Show all posts

Wednesday, 6 November 2013

How to make it look like you've embedded a short Storify into a free Wordpress dot com blog post

I'm a little smugger than usual today because I worked out how to do a slightly clever thing. It's not difficult, though a little fiddly and requires patience but it worked well. I managed to create a blog post on Wordpress.com that looks as if I've managed to embed a Storify story in it.

Jump to '5. How I did it' to find out how I did it...

Also see useful comment from @krelnik below. As always I write these things only for someone to tell me of an easier way later :-)



1. Exciting background preamble
I recently had an interesting chat with a colleague on Twitter and realised in the middle of it that I should capture this and add it to the 'work Storify' for @chi_med (it lives at 'Using everyday errors to understand more serious ones').

2. You can't embed Storify stories in free Wordpress dot com
The work blog (http://chimedblog.wordpress.com) is hosted at the free version of Wordpress and the one thing you can't do is embed a Storify story there. This is because of the type of scripting that Storify uses (I think, it's a bit beyond my technical payscale) but it's well-known that it can't yet be done.

You can embed a Storify in blogger and it works really well, recreating itself each time the blog post is loaded. Here's an example.

I have made a bit of a study of things you can and can't embed in the free version of Wordpress at "Will it embed? How to embed all sorts of things on free Wordpress dot com blog posts"

3. You can embed individual tweets into free Wordpress dot com but...
However you can very very easily embed individual tweets, simply by pasting the tweet's URL into the Visual editing window (not the Text editing window). The tweets embed beautifully and the end-result is very pleasing (example - some tweets from the Symposium on Usable Privacy and Security).

3b. ...if they're part of a conversation you can't get rid of the preceding tweet
I tried recreating the Storify as a blog post by pasting in the text I'd written, then pasting in each tweet's link. When I came to preview it though a problem became clear - each tweet that my colleague had sent was a 'reply to' the one I'd sent. And each one showed up with my original one, every single time - it looked a repetitive mess.

4. I've no idea how to embed blog posts within a blog post (!)
One of the nice things about Storify is that you can add in more than just tweets. If you stick in a link to a blog post, or even another Storify story then the system will create a sort of thumbnail image, that's clickable and will take you to the original. Because I'd referenced a blog post and a Storify story I wanted to recreate that in my blog post but there's no obvious way to 'embed' within a post in this way...

5. How I did it
Here's the original Storify
Here's my 'faked' let's make it look like I've embedded that Storify in a blog post.

This is straightforward but would probably try your patience if you had more than 20 elements in your Storify story.

I took screenshots of the tweets, blog post and the embedded Storify story (from someone else) that I'd originally added to my own Storify story. Then I cropped them using the free MS Paint (variously called paintbrush.exe or paint.exe) that's bundled with Windows so that they were exactly the same size as they are on Storify.

Following the layout of my Storify I added in the images at the relevant points (there were 12 in total) and, for hyperlinked the tweet images to the original tweet and the blog post (and other Storify story) were hyperlinked to the relevant media.

On uploading an image to Wordpress you're given an option to change its URL. The default is the location on the Wordpress servers of your file but you can point it anywhere you like, so I did. The dialogue window looks like this (click to enlarge image). On the right hand side you can see, in the Attachment Display Settings' an option for Custom URL that lets you add in the address of your choice.

'Wrongfooted' is just a shorthand for one of the stories I embedded, about wrong-site surgery in the wrong foot - fortunately the patient was scheduled to have both feet operated on so the situation wasn't disastrous, but could have been!

6. How can you tell my version is faked?
None of the 'web intents' on the tweets work. These are the little things that, if you're logged in, let you favourite or retweet the tweet from the blog post. On mine you can only click on it to visit it in its original setting.

7. What happens if you've got hundreds of tweets in your Storify
If you have the patience to collect the URL of each tweet and embed, fine. If it's a hashtagged conversation then each tweet might not be in reply to another one so each tweet will probably show up as a single 'unit'. You can right-click on the tweet to copy its URL and stick that in the Wordpress editing window, copying and pasting any additional text that you've written in the Storify.

You do not need to have published your Storify to do this - you can create a draft copy specifically in order to generate thumbnails of blog posts, other Storify stories, websites etc - it's a pretty useful thing actually.

If you have a great long run of tweets with no text in between them then you might as well take a screenshot of five or six tweets at once, but remember you won't be able to hyperlink them individually.




Wednesday, 21 December 2011

Trying out the Twitter embed tweet option

Came across this page from the Twitter development pages: Embedded Tweets

It says that the easiest way to create a bit of code to embed a tweet is to click on the Embed link in the tweet...
I can't see, when I look at a tweet's individual page, any mention of an embed link as they show in the example so I wonder what I'd have to do to make it appear..

At the bottom of the page there are two bits of code and this is one of them - it might embed a tweet, it might not, let's see

Sunday, 24 April 2011

Just spotted that Radiolab lets you embed its podcasts / audio

Radiolab is my top favourite audio, Jad Abumrad is my favourite sound engineer / designer and I love the gleeful exploratory discussions between Jad and Robert Krulwich. I first discovered Radiolab after searching to see if there was such a thing as a podcast with Daniel Moerman. I'd recently discovered, and become quite smitten with, podcasts in general and was listening to quite a few science pods and ethnobotany ones - audio and video.

The reason I was prompted to search for Moerman podcasts was because he'd featured in a Bad Science column on placebo (he wrote a great book called Meaning, Medicine and the 'Placebo Effect' which I'd been given as a birthday present) and this took me by surprise because obviously it's an area I'm interested in, but I realised I'd already known his name from his work on the Native American Ethnobotany database and there was a bit of a lightbulb moment when I realised it was the same guy. Probably not that surprising given that he was talking about placebo, but... duh nonetheless, I'd not put two and two together.

He briefly features in the following episode of Radiolab, 'Placebo', the first I ever heard, and I can vividly remember listening to this for the first time and being hooked. The use of sound is incredible and I think the interview with Fabrizio Benedetti is one of the most delightful things ever committed to tape (or whatever it is that they use, I don't think it's tape).



The second podcast happens to be the second one I listened to - wonderful storytelling and interviewing of guests, beautifully intercut with snippets of lovely sounds. This one is 'Time'


Perhaps what I should do is add a Blogger sidebar widget that can handle javascript and let people browse posts other than this one without stopping the player when another page is visited...