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)

Dailymotion - 15 Feb 2012 00:42
Custom Toolbar Separators - 15 Feb 2012 00:41
CSI Cross site includes - 15 Feb 2012 00:40
Create an RSS Feed Button with Caption - 15 Feb 2012 00:40
Cornify - 15 Feb 2012 00:39
Conditional Blocks - 15 Feb 2012 00:36
Compact Feed Display - 15 Feb 2012 00:35
Collapsible Block Unleashed - 15 Feb 2012 00:33
Choose A Page! - 15 Feb 2012 00:32
Center Video - 15 Feb 2012 00:28
Cbox chatroom - 15 Feb 2012 00:28
Category Templates And Newpage - 15 Feb 2012 00:27
Categories - 15 Feb 2012 00:27
Calc5 - 15 Feb 2012 00:27
Block In Fixed Position In Browser - 15 Feb 2012 00:26
Blip TV - 15 Feb 2012 00:26
Bibliography/Footnotes/Comments Listed in TOC - 15 Feb 2012 00:26
Automatic Sitemap - 15 Feb 2012 00:25
Animoto - 15 Feb 2012 00:23
Alexa traffic ratings - 15 Feb 2012 00:23
Adding A Site Logo - 15 Feb 2012 00:23
3d tagcloud - 15 Feb 2012 00:22
Custom Permissions Error Message - 14 Feb 2012 03:42
New Tabview - 24 Oct 2011 23:53
Random Page - 18 May 2011 09:50
Previous and Next Navigation With ListPages - 24 Nov 2010 15:14
Redirect - 11 Feb 2010 10:00
Spoiler tags - 03 Nov 2009 13:30
How to format wikidot pages using HTML - 04 Aug 2009 15:05
Redirect: From (1st) - 01 Mar 2009 18:18
Redirect: From (2nd) - 01 Mar 2009 18:17
WEB 2.0 tools for Database - 16 Oct 2008 10:48

page 3 of 3« previous123

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