How to incorporate cool widgets into your Lens

All of the following features follow the same method. Simply insert the HTML for each feature in 'Step 6'.

You must be logged into Squidoo for this to work.

Step 1 - create a Clearspring account
Step 2 - click on 'add widget'.
Step 3 - click on 'Go' beneath the 'On My Webpage' section.
Step 4 - name the widget - for example 'Squidoo scrolling text widget'
Step 5 - Click on 'What do you want to share'
Step 6 - click on the box below the 'Insert Code Here' - and paste the HTML as required (see below for example HTML).
Step 7 - click Save.
Step 8 - click 'Publish Widget'.
Step 9 - click 'Widget Home Page settings'
Step 10 - click on the hyper link next to 'Link' -this will open another browser.
Step 11 - if you see a 'squidoo' icon, click it - otherwise click on 'all' and scroll down to find 'squidoo'.
Step 12 - click on 'add to account' and select the Lens to receive the 'widget'.
Step 13 - click on 'Continue' - this will add the 'widget' to the bottom of the Lens chosen - move the widget and publish your Lens.">

For a more detailed explanation of how to use Clearspring please go to How to Add Amazon Widgets to Your Lens by Squidster

STEP 1 - surf to the site VisitWidget
STEP 2 - click on Javascript / HTML widgets.
STEP 3 - under the 'all in one' heading click 'Get it Now'
STEP 4 - in the dialogue box, click on 'reveal advance options'
STEP 5 - amend options as appropriate, and change Site URL to manual - type in the Lens URL.
STEP 6 - click Get Widget and copy the Widget Code - this is what you will use as the HTML in the Clearspring widget.

STEP 1 - surf to the site Flickr Widget
STEP 2 - follow instructions to get rss feed information for Flickr Photostream.
STEP 3 - enter this information into the 'Feed URL' box.
STEP 4 - amend width, height and color as appropriate.
STEP 5 - click 'Generate Code Snipper'
STEP 6 - copy the Widget Code - this is what you will use as the HTML in the Clearspring widget.

Step 1 - create an account at Quibblo.com
Step 2 - click on 'create a new quiz' on tabs.
Step 3 - select type of quiz and amend questions etc as appropriate.
Step 4 - copy the code in the embed code' box and use this in the Clearspring method above.

<form action="http://www.yoururl.com" method="get">
<input style="background-color: #8b008b; color: #ffff00; font-weight: bold; font-size: 10pt;" type="submit" value="Your description">
</form>

Step 1 - create an account at TimeRime.com
Step 2 - click on 'create a new timeline' under options.
Step 3 - name the Timeline and select a category.
Step 4 - click save.
Step 5 - create some events! (Click Save and New to keep on adding events - they appear immediately in the Timeline).
Step 6 - on top of the Timeline - click . - choose the size you want.
Step 7 - click Generate code and copy the code provided - use this in the Clearspring method above.

I've found a free calendar that is pretty cool. It allows you to setup events on the source website, but you can add the calender to your lense.

The procedure below will create the HTML to be added in Step 4 of 'How to Add Amazon Widgets to your Lens' procedure.

STEP 1 - create a free account at Brolmo
STEP 2 - log in and click on the MY ACCOUNT button.
STEP 3 - click on MY CALENDERS
STEP 4 - click on CREATE A CALENDER
STEP 5 - enter a name for your calender.
STEP 6 - next to the new calender click on the HTML Code button. Copy this code - this is what you will use as the HTML in the Clearspring widget.

NOTE: You maintain the events on the Bromlo site, but these are visible on the lens. Try it out below on my example:

Add a Hyperlink

It's pretty easy to add text and hyperlinks - and still add a pretty cool background

<p style="background-image: url(http://www3.baylor.edu/textures/gray_fabric.gif); padding: 10px; color: white;"><a href="http://www.papertank.com/" target="_blank">Add a Hyperlink</a><br /><br />It's pretty easy to add text and hyperlinks - and still add a pretty cool background</p>

Note You can embed music on your website easily - however, it does cause problem on browsers other than IE - this may be OK to you as IE is used on the majority of computers. However, from my experience, this does infringe on People's choice - they may not want music to 'play' - perhaps the best options would be simply to include a link to the relevant website. I include the HTML for those who still want to embed music.

I used the HTML that the site e-z tracks gave me.

Step 1: go to the e-z tracks page
Step 2: Scroll down to find popular songs (and click Get Code) or use the search feature to find the song you want.
Step 3: Copy the HTML provided.

<a href="http://ringtones.ez-tracks.com/ringtone-31028.html"><img src="http://image.ez-tracks.com/MySpace_RingtoneButton.jpg" border="0" alt="Click here to get your free Lady ringtone!" /><br /></a><param name="movie" value="http://stream.ez-tracks.com/player2.swf?songid=31028&uid=0|581984300&t=1" /><param name="wmode" value="transparent" /><embed src="http://stream.ez-tracks.com/player2.swf?songid=31028&uid=0|581984300&t=1" width="302" height="91"quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" bgcolor="FFFFFF"></embed><br />
<font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#FF6600"><strong>Click here to get </strong></font><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#FF6600"><strong> <a href="http://www.ez-tracks.com" style="text-decoration:none; font-style:italic;">Free Music</a> at EZ-Tracks.com</strong></font><br><br>

NOTE - this HTML only seems to work with Internet Explorer

<script>
function toggle(obj)
{

if (obj.style.display == "none")
{
obj.style.display = "";
}
else
{
obj.style.display = "none";
}
}
function setHand()
{
document.body.style.cursor = 'hand';
}
function setNormal()
{
document.body.style.cursor = 'default';
}
</script>

<span style='color: #003399'>
<A onClick="toggle(a1)" onMouseOver="setHand()" onMouseOut="setNormal()">
<B><b>Click me<BR></b></B></A></span>
<span id="a1" style="display: none">
You can enter your own text here. You can include any standard HTML, links, bold etc.<BR><BR>
</span>
<span style='color: #003399'>
<A onClick="toggle(a2)" onMouseOver="setHand()" onMouseOut="setNormal()"><B><b>Another Click Me<BR></b></B></A></span>
<span id="a2" style="display: none"
You are not limited to the number of hyperlink - the only limit is the characters allowed on Clearspring.<BR>
</span>

You are not limited to the number of hyperlinks - the only limit is the characters allowed on Clearspring. To increase the number, use chane the toggle(a2) and 'span id="a2" to the next number in the sequence (in this case a3)

<div align="center"><FONT
color="#ffffff" size="+1"><MARQUEE bgcolor="#000080"
direction="right" loop="20" width="75%"><STRONG>Enter your scrolling text here!</STRONG></MARQUEE></FONT></DIV>

<SCRIPT type="text/javascript">
var quotations = new Array()
quotations[0]= "Squidoo is an amazing place.<br/><b>Simon Cook</b>"
quotations[1]= "To be or not To be, that is totally illogical captain.<br/><b>Spock</b>"
quotations[2]= "Wait a second, this quote will change.<br/><b>M Mouse</b>"
quotations[3]= "Only two things are infinite, the universe and human stupidity, and I'm not sure about the former.<br/><b>Albert Einstein</b>"
quotations[4]= "Yet another meaningless quote<br><b>A B C</b>"
quotations[5]= "Who wants to be a Millionaire?.<br/><b>I do</b>"
function display()
{
a=Math.floor(Math.random()*quotations.length)
document.getElementById('quotation').innerHTML=quotations[a]
setTimeout("display()",5000)
}
</SCRIPT>
<div id="quotation">
<SCRIPT type="text/javascript">display()</SCRIPT>
</div>

I used the HTML that 'addictinggames.com' created for me.

<embed src="http://www.addictinggames.com/D78AQSAKQLQWI9/5582.swf" type="application/x-shockwave-flash" width="450" height="550"></embed><br><a href="http://www.addictinggames.com" target="_blank" title="Play Games">Play Games at AddictingGames</a>