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)

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
Schooltube - 16 Feb 2012 01:40
Schedules - 16 Feb 2012 01:40
Remove Duplications - 16 Feb 2012 01:39
Remember The Milk Todo - 16 Feb 2012 01:39
RegExp Date Wizard - 16 Feb 2012 01:39
Reflections - 16 Feb 2012 01:39
Referencing to a Common Reference Page - 16 Feb 2012 01:38
Redirect: To - 16 Feb 2012 01:37
Recent Changes (mini) - 16 Feb 2012 01:36
Rating Summary - 16 Feb 2012 01:35
"Random Page!" link - 16 Feb 2012 01:35
Use any html code on a page - 16 Feb 2012 01:34
Quoted Blockquotes - 16 Feb 2012 01:33
Quimble Poll - 16 Feb 2012 01:33
Quikmaps Maps - 16 Feb 2012 01:33
Previous Next - 16 Feb 2012 01:32
PollDaddy - 16 Feb 2012 01:32
Poll - 16 Feb 2012 01:31
Playlist - 16 Feb 2012 01:31
Pictures with the text under it - 16 Feb 2012 01:31
Picasaweb - 16 Feb 2012 01:30
picasa flash - 16 Feb 2012 01:30
Photobucket Widget - 16 Feb 2012 01:29
Page Previews (Snap.com) - 16 Feb 2012 01:29
Page Collections and Sequence Boxes - 16 Feb 2012 01:28
Pabpixies Gadgets - 16 Feb 2012 01:28
Os Detection - 16 Feb 2012 01:27
Ohloh - 16 Feb 2012 01:27
NewPage Button - 16 Feb 2012 01:26
Newline in lists - 16 Feb 2012 01:26
Module Listpages Tags - 16 Feb 2012 01:24
Module Feed Drilldown: Details Page - 16 Feb 2012 01:24
Module Feed Drilldown - 16 Feb 2012 01:24
Module Feed: Collapsible - 16 Feb 2012 01:23
Module Categories - 16 Feb 2012 01:23
MiniRecentPosts With Limit - 16 Feb 2012 01:23
Minialist theme - 16 Feb 2012 01:22
Mimic Colspan With Multiple Tables - 16 Feb 2012 01:21
Mibbit - 16 Feb 2012 01:21
Meebo me - 16 Feb 2012 01:20
Making default templates work - 16 Feb 2012 01:20
ListPages: Horizontal? - 16 Feb 2012 01:20
Layout With Tables - 16 Feb 2012 01:19
LaTeX Table - 16 Feb 2012 01:19
"Last Changes" - Double Panel - 16 Feb 2012 01:17
Js Kit Ratings - 16 Feb 2012 01:15
Jotform - 16 Feb 2012 01:14
JavaScript Addition - 16 Feb 2012 01:14
Java Applets - 16 Feb 2012 01:13
jamendo widgets - 16 Feb 2012 01:13
Invisible edit-sections button with fixed screen position - 16 Feb 2012 01:12
Instacalc - 16 Feb 2012 01:12
Indent - 16 Feb 2012 01:12
Import the Digg Feed - 16 Feb 2012 01:11
Import a News Feed - 16 Feb 2012 01:10
iframe embed - 16 Feb 2012 01:08
Google YouTube Videobar - 16 Feb 2012 01:06
Google Translate - 16 Feb 2012 01:06
Google Maps - 16 Feb 2012 01:05
Google Gadgets - 16 Feb 2012 01:05
Google Document - 16 Feb 2012 01:04
Google Analytics - 16 Feb 2012 01:04
Glossary - 16 Feb 2012 01:03
Gametrailers - 16 Feb 2012 01:03
Gadget. Calendar - 16 Feb 2012 01:02
Gabbly chat - 16 Feb 2012 01:02
Forum Summary for the Front Page - 16 Feb 2012 01:02
Footnotes - 16 Feb 2012 01:01
Foldable List - 16 Feb 2012 01:01
Flickr Video - 16 Feb 2012 01:01
Flickr Images By Tags - 16 Feb 2012 01:00
Feedburner - 15 Feb 2012 00:53
Find untagged pages - 15 Feb 2012 00:52
Feed And Zoho Creator Integration - 15 Feb 2012 00:52
Feed Aggregator - 15 Feb 2012 00:52
Extra Side Bar - 15 Feb 2012 00:51
Embed your latest Twitter tweets - 15 Feb 2012 00:50
Embed Code From Other Services - 15 Feb 2012 00:50
EditGrid Spreadsheets - 15 Feb 2012 00:49
Easy Table Title Footers - 15 Feb 2012 00:49
Drop Caps - 15 Feb 2012 00:48
Display Random YT Video - 15 Feb 2012 00:48

page 2 of 3« previous123next »

Rate this solution

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

rating: +1+x
Add a New Comment
page revision: 7, last edited: 15 Feb 2012 00:48
Edit Rate (+1) Tags Discuss (1) History Files Print Site tools + Options
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License