Delicious Linkrolls

By (user deleted)

Description

This solution describes how to use the delicious linkrolls to display a list of your favorite delicious links on a wikidot page.

Code

First Attempt

You might expect the [[embed]]...[[/embed]] approach to work as follows:

[[embed]]
<script type="text/javascript" src="http://feeds.delicious.com/v2/js/midsouthcc/technology?title=My%20Delicious%20Bookmarks&icon=m&count=5&sort=date&extended"></script>
[[/embed]]

However, that only produces the message: "Sorry, no match for the embedded content."

Second Attempt

One approach that does work (somewhat) is to enclose the script provided by delicious within an HTML codeblock as follows:

[!--
[[code type="html"]]
<script type="text/javascript" src="http://feeds.delicious.com/v2/js/midsouthcc/theology?title=My%20Delicious%20Bookmarks&icon=m&count=5&sort=date&extended"></script>
[[/code]]
--]

And then place the output of that code within an iframe as follows:

[[iframe http://your-site.wikidot.com/your-page/code/1 frameborder="0" scrolling="no" width="650" height="1443px"]].

You will have to play around with the iframe dimensions until you find a fit that is appropriate for the page where you want to place the list.

There is one problem with this solution. I could not find a way to format the list with CSS. It appears that there is no way to get the rendered codeblock to recognize any CSS you place in the theme's CSS file.

Third Solution

Here is a solution that works great.

1. Create a simple HTML file.
2. Immediately after the <title> code in your HTML header area, create a style block as follows:

<style type="text/css">

</style>

3. Place all your CSS coding within that style block. Delicious provides an example of CSS for a linkroll at http://delicious.com/help/linkrolls/css.
4. Place the script provided by delicious within the <body>…</body> of your HTML file.
5. Save the file with an appropriate name, such as my-links.html.
6. Test the HTML file to make sure it produces the linkroll you want. Just open it in your favorite browser.
7. Once you get the results you want, upload the HTML file to the wikidot page that you are creating.
8. Use an iframe to reference the uploaded HTML file, as follows:

[[iframe http://your-site.wikidot.com/local--files/your-page/my-links.html frameborder="0" scrolling="no" width="100%" height="1440px"]]

That's it! You now have a dynamic linkroll that is updated every time you add a new link to your delicious account and apply the same tag that is used to produce the list.

In action

Here is an example of this technique:


Thanks to tsangk for this great snippet: conditional-blocks


text above inserted with:

[[include :snippets:if START |unique=1|type=equal|var1=%%name%%|var2=conditional-blocks]]
**##red|Thanks to tsangk for this great snippet:##** [[[code:conditional-blocks]]]
[[include :snippets:if END]]



Other snippets posted by (user deleted)

练习的草稿文本(1145141919810) - 07 Mar 2024 13:12
new cornify - 02 Feb 2024 07:26
To add tabs to your sandbox so you can have multiple drafts, use the following code: tabview tab Title 1 Text goes here - 30 Sep 2023 01:03
Text changes colors - 04 Jun 2023 09:49
Falling Snowflakes Effect - 15 Mar 2023 19:11
Column Layouts with CSS Grid - 01 Mar 2023 17:17
测试页面SCP - 17 Jan 2023 18:51
Do not try in life 2 - 14 Sep 2022 05:51
Do not try in life - 14 Sep 2022 05:50
Include Without iframe - 25 May 2022 03:40
Table Of Contents - 15 Apr 2022 22:52
How to use a Tag - 15 Apr 2022 07:44
Links - 15 Apr 2022 02:08
Headings - 14 Apr 2022 22:46
Show Username - 16 Feb 2022 04:40
Click Counter - 11 Nov 2021 16:25
8 Awesome Things That Will Make Your Website Awesome! - 02 Aug 2021 22:05
Thumbnail images with caption - 06 Jun 2021 04:06
MyBlogLog recent visitors - 06 Jun 2021 04:03
Sorted-ListPages-List - 06 Jun 2021 03:46
Teachertube - 06 Jun 2021 03:45
MP3 Player - 06 Jun 2021 03:45
Include Any Page - 06 Jun 2021 03:20
New Wikidot Twitter Widget..CSS3 Style! - 06 Jun 2021 03:18
Put comments in the editor that won't show - 06 Jun 2021 03:15
Babelfish Translation - 06 Jun 2021 03:14
Fancy HR Dividers - 07 Apr 2021 06:23
Make Clock - 10 Jan 2021 08:28
Fake tags with links - 06 Jan 2021 16:07
Collapsible Text Block - 02 Dec 2020 10:24
Colalt - Multiple Collapsibles - 17 Sep 2020 13:29
URL Title with Slash Redirect - 04 Jan 2018 11:32
Html5player - 11 Jul 2017 04:05
Mp3 and video player - 21 Oct 2016 12:48
Mail to all moderators - 10 Jun 2015 09:34
Carousel - 24 May 2015 01:18
Modal Image - 01 May 2015 17:20
Todo List with Data Forms - 30 Apr 2015 14:59
Countdown timer - 22 Dec 2014 08:31
Html(embed) code opening in new window/tab - 29 Oct 2014 09:05
Todo List - 18 Aug 2014 15:28
Bootstrap Image Box - 19 Jul 2014 01:27
Extended NewPage Module - 15 Jul 2014 15:08
Facebook Button - 27 Dec 2013 15:03
Togglecheck - 17 Dec 2013 20:27
Alternative Specific Users Only - 11 Dec 2013 18:04
Image Box - 10 Dec 2013 03:14
Specific Users Only Include - 24 Jul 2013 06:16
Toggle Tag - 19 Jul 2013 11:13
Pretty Tables - 29 May 2013 06:14
Custom Page Title - 29 May 2013 06:04
Hide Tags - 14 Feb 2013 21:35
Multicolumn Layout - 17 Dec 2012 19:51
404 (Page does not exist) Redirect - 20 Nov 2012 11:40
Custom HTML Blocks - 25 Oct 2012 11:30
Per-User CSS - 07 Aug 2012 04:05
iframe Redirect - 30 Jul 2012 22:41
Plurality Checker - 16 Jul 2012 03:21
Identi.ca feeds on your site - 12 Jun 2012 18:51
Genuinely Random Link Generator - 31 May 2012 16:28
Mini Chat Area - 15 May 2012 12:04
Chatbox - 26 Mar 2012 11:07
Google +1 Button - 19 Mar 2012 19:40
Per Category CSS Module - 06 Mar 2012 03:38
Advanced Search - 25 Feb 2012 12:29
This Site Last Updated... - 16 Feb 2012 02:37
Zoho Writer - 16 Feb 2012 01:57
Zoho Sheet - 16 Feb 2012 01:56
Zoho Show - 16 Feb 2012 01:55
Zoho Polls - 16 Feb 2012 01:53
Yahoo! WebPlayer - 16 Feb 2012 01:53
WoW Tooltips - 16 Feb 2012 01:52
Wishlist - 16 Feb 2012 01:52
Widgetbox Panel - 16 Feb 2012 01:52
Welcome - 16 Feb 2012 01:52
Voicethread - 16 Feb 2012 01:51
Vimeo - 16 Feb 2012 01:51
Video Quiz - 16 Feb 2012 01:51
Video Player - 16 Feb 2012 01:50
Video from Revver - 16 Feb 2012 01:50
Using Divs - 16 Feb 2012 01:50
Tweet Button - 16 Feb 2012 01:49
Top Nav Menu with ListPages - 16 Feb 2012 01:48
TOC's from many pages - 16 Feb 2012 01:47
Thumbnail page list using ListPages - 16 Feb 2012 01:47
Tags as variables - 16 Feb 2012 01:46
Tabs - 16 Feb 2012 01:45
Table Alterations - 16 Feb 2012 01:45
Syntax Highlighter - 16 Feb 2012 01:45
Standalone Page Buttons - 16 Feb 2012 01:44
Sproutbuilder - 16 Feb 2012 01:44
Social Bookmarking - 16 Feb 2012 01:42
Slideshare - 16 Feb 2012 01:42
Slideboom - 16 Feb 2012 01:42
Slideaware - 16 Feb 2012 01:41
Simple Gallery - 16 Feb 2012 01:41
Show A YouTube Video Saved On Your Page - 16 Feb 2012 01:41
Shoutbox.Us - 16 Feb 2012 01:40
Search and tags in the same page! - 16 Feb 2012 01:40

page 1 of 3123next »

Rate this solution

If you think this solution is useful — rate it up!

rating: +1+x
Add a New Comment
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License