Twitter feed

85 views
Skip to first unread message

David Gifford

unread,
Feb 24, 2015, 7:23:35 PM2/24/15
to tiddl...@googlegroups.com
Hi all

I would like to paste the Twitter photo feed shown on this page (http://www.giffmex.org/news.html) into a tiddler. I am planning to replace my website with a TiddlyWiki. Is this currently possible? I tried copying and pasting, but the script ends up showing.

Blessings,

Dave

Jeremy Ruston

unread,
Feb 25, 2015, 3:17:47 PM2/25/15
to TiddlyWiki
Hi Dave

It is possible, but the process is a little involved:

1. Visit https://twitter.com/settings/widgets while logged in to Twitter
2. Click the "Create New" button at the top right
3. Configure the widget as you like
4. Click the "Create Widget" button
5. Copy the generated HTML code to the clipboard. Mine looks like this:

<a class="twitter-timeline" href="https://twitter.com/Jermolene" data-widget-id="570677909237792768">Tweets by @Jermolene</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

6. Create a blank HTML file containing the following template with the Twitter widget embedded in the middle where indicated:

<html>
<body>
{{paste widget code here}}
</body>
</html>

7. Save the HTML file as (say) "myfeed.html" in the same folder as your TiddlyWiki HTML file
8. Embed the HTML file via an iframe such as: 

<iframe src="myfeed.html" scrolling="no" frameborder="0" allowtransparency="true" height="350" height="460" style="border: none;"></iframe>

Let me know how you get on,

Best wishes

Jeremy




--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.



--
Jeremy Ruston
mailto:jeremy...@gmail.com

David Gifford

unread,
Feb 25, 2015, 3:55:30 PM2/25/15
to tiddl...@googlegroups.com
Thanks Jeremy, I will try that today or tomorrow and let you know how it went.

Dave

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/Z9E1FY9E0c0/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.

David Gifford

unread,
Feb 25, 2015, 4:15:30 PM2/25/15
to tiddl...@googlegroups.com
Hey that was easy! Thanks a lot! Here is the result: http://www.giffmex.org/aboutus/index.html#Twitter%20feed

Note that our site is now a TiddlyWiki. Check out also http://www.giffmex.org/aboutus/index.html#TiddlyWiki

Dave

Jeremy Ruston

unread,
Feb 25, 2015, 4:29:20 PM2/25/15
to TiddlyWiki
Hi Dave

Great, your site looks excellent with the custom font, too.

Best wishes

Jeremy

David Gifford

unread,
Feb 25, 2015, 6:51:19 PM2/25/15
to tiddl...@googlegroups.com
Thanks Jeremy!
Reply all
Reply to author
Forward
0 new messages