08-05-07

Zwemmende visjes op je blog

Het volgende script zorgt ervoor dat er bewegende visjes 'neerdwarrelen' op je blog. 't Is eens iets anders dan de sneeuwvlokjes in de winter. Ook nu weer volledig kopiëren en plakken in een venster 'Vrije Tekst' (Personalisering). Succes!

<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:402px; top:-197px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:830px; top:-49px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:682px; top:-84px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:281px; top:-433px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:160px; top:-189px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:830px; top:-153px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="10" style="position:absolute; left:721px; top:-34px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="8" style="position:absolute; left:463px; top:-10px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:257px; top:-300px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="10" style="position:absolute; left:423px; top:-275px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<p style="margin-top: 0; margin-bottom: 0"><a href="http://www.blinkyou.com">picture hosting</a></p>

18:42 Gepost door meester carlo in Web | Permalink | Commentaren (4) | Tags: web, website, blog, webtip, blogscript, blogtip, script, code |  Facebook |

03-05-07

Een ZOOM (+ en -) op je blog

TIPHeb jij soms ook moeite om de kleine lettertjes op een blog te lezen? Met het volgende script kan je héél eenvoudig een ZOOM op je blog installeren (zie mijn rechterkolom). Nu vergroot (of verkleint) je bezoeker op je blog de tekst zoveel hij/zij zelf wil!

 

<script style="text/javascript">
var z=1;
function inzoomen(){
z=z+.1;document.body.style.zoom=z;}
function uitzoomen(){
z=z-.1;document.body.style.zoom=z;}
</script>
<input type="button" value="+" onClick="inzoomen();">
<b>Website Zoom</b>
<input type="button" value="-" onClick="uitzoomen();">

Natuurlijk dient ook dit script weer gekopieerd te worden. Daarna plak je het in een vakje 'Vrije Tekst' (Personalisering). Succes!

12:29 Gepost door meester carlo in Web | Permalink | Commentaren (1) | Tags: javascript, blog, web, zoom, inzoomen, uitzoomen, lettertype, leesbaarheid, script, code, blogtip |  Facebook |

01-05-07

Stop de teller op 100 !

Op deze eerste mei krijg je als uitsmijter nog een script van een supermoeilijk en toch eenvoudig spel: Stop de teller op 100!

Het lijkt zo simpel. Als je op start klikt, begint de teller te lopen. Je moet op stop klikken bij 100. Maar... het is mij na 10 keren proberen nog niet gelukt!

Wil je eerst eens weten hoe dat spel eruitziet? Kijk eens in de linkerkolom opMeer_Games klein

En natuurlijk moet je onderstaand script weer eerst kopiëren en plakken in een vakje 'Vrije Tekst' (Personalisering).

<script LANGUAGE="JavaScript">
function Title() {document.title="STOP ON 1o0 "; window.setTimeout("Title1();",1);}
function Title1() {document.title="STOP ON 10o "; window.setTimeout("Title();",1);}
counter=0;
function Counter1() {
window.status="Counter: " + counter;
document.game.number.value=counter;
counter++;
Time=window.setTimeout("Counter1();",1);
if (counter==106) {
counter=0;
}}
function Results() {
window.clearTimeout(Time);
if (counter==101) {
alert("Yes! Je stopte op 100! Gefelicislagroomtaart !");
}
if (counter!=101) {
counter--;
alert("Ai! Je miste net je stopte bij " + counter + " klik op start en probeer het nog eens");
}
counter=0;
window.status="Counter: " + counter;
document.game.number.value=counter;
}
</script>
<body background=""   onKeyPress="Results();" onUnLoad="alert('Tot de volgende keer');">
<form name="game">
    <p>
      <input type="text" name="number" size="2" VALUE="0" onFocus="this.blur();" style="font-size: 70;">
      <BR>
      <input type="button" VALUE="Start" onClick="Counter1(); counter=0;">
      <input type="button" VALUE="Stop!" onClick="Results(); counter=0;">
      <input type="button" VALUE="Regels" onClick="alert('Stop op 100  n Regels: n Zodra de teller begint te lopen moet je proberen om hem bij  100 stil te zetten. Klik op de start button om het spel te starten , Klik op stop om de meter stil te zetten of druk op een toets.');">
    </p>
  </form>

30-04-07

Je favoriete radio op je blog?

Een leuk script is het volgende. Hiermee krijg je een keuzevenster waaruit je je favoriete radiozender kan kiezen (zie mijn rechterkolom).
a004 Dit script heb ik op een Nederlandse site gevonden, daardoor staan er natuurlijk zeer veel Nederlandse radiozenders op. Maar ook enkele uit Vlaanderen, zoals Donna en Q-Music. Je vind ze onderaan de lijst. Let wel op: Je favoriete zender verschijnt in een pop-up! Als je dus een pop-up blokkeerder hebt, moet je deze pop-up toch even toelaten!
 
<script>var achtergrond="#FFFFCC"; var FontKleur="#000066"; var
Directbeginnen=0;
</script><script src=http://streamsradio.com/tuner/tunerklein.js></script>
 
Ook dit script kopieer je volledig en plak je in een vakje 'Vrije Tekst' (Personalisering).

23:17 Gepost door meester carlo in Web | Permalink | Commentaren (6) | Tags: blogtip, webtip, webtool, blog, streaming, online radio, radio, script, code, q-music, donna |  Facebook |

29-04-07

Welke dag is het vandaag?

Kopieer onderstaand script en je ziet automatisch welke dag het vandaag is (Zie bovenaan mijn rechterkolom).

<script language="JavaScript">
var now = new Date();
var day = now.getDay()
var dayname;
 if (day == 0) dayname= "zondag";
 if (day == 1) dayname= "maandag";
 if (day == 2) dayname= "dinsdag";
 if (day == 3) dayname= "woensdag";
 if (day == 4) dayname= "donderdag";
 if (day == 5) dayname= "vrijdag";
 if (day == 6) dayname= "zaterdag";
document.write("Hoi daar, vandaag is het " + dayname + ".<br>");
</script>

En natuurlijk kleef je deze code weer in een vakje 'Vrije Tekst' (Personalisering).

11:55 Gepost door meester carlo in Web | Permalink | Commentaren (0) | Tags: web, blog, blogtip, script, code, welke dag is het vandaag, webtool |  Facebook |

21-04-07

Test je reactiesnelheid!

Dit is de code van een klein, maar leuk spel: Test je reactiesnelheid! De bedoeling is zo vlug mogelijk te reageren zodra een vierkant van kleur verandert. Als je wil kan je het spel eerst eens bekijken (en spelen natuurlijk) op http://meestercarlogames.skynetblogs.be (bovenaan in de linkerkolom) Succes!

<script language="JavaScript">
<!--

var startTime=new Date();
var endTime=new Date();
var startPressed=false;
var bgChangeStarted=false;
var maxWait=20;
var timerID;


var colors=new Array("tomato","chocolate","limegreen","crimson","darkslategray",
"aliceblue","mediumslateblue","cornflowerblue","darkorchid","darkkhaki","coral",
"darkolivegreen","cadetblue")

if (document.all||document.getElementById)
document.write('<div id="reflex" style="width:135;height:135;border:1px solid lime" onClick="stopTest()"></div>')

function startTest()
{
        if (document.all)
        document.all.reflex.style.backgroundColor=colors[Math.floor(Math.random()*colors.length)];
        else if (document.getElementById)
 document.getElementById("reflex").style.backgroundColor=colors[Math.floor(Math.random()*colors.length)];
        else if (document.layers)
        document.reflexns.document.reflexns_sub.document.bgColor=colors[Math.floor(Math.random()*colors.length)];
 bgChangeStarted=true;
 startTime=new Date();
}

function remark(responseTime)
{
 var responseString="";
 if (responseTime < 0.10)
  responseString=" Super!";
 if (responseTime >= 0.10 && responseTime < 0.20)
  responseString="Niet slecht!";
 if (responseTime >=0.20 && responseTime < 0.30)
  responseString=" Dat kan beter...";
 if (responseTime >=0.30 && responseTime < 0.60)
  responseString=" Blijven Oefenen!";
 if (responseTime >=0.60 && responseTime < 1)
  responseString=" Heb je soms gedronken of zo?";
 if (responseTime >=1)
  responseString=" Was je in slaap gevallen ?";

 return responseString;
}

function stopTest()
{
 if(bgChangeStarted)
 {
  endTime=new Date();
  var responseTime=(endTime.getTime()-startTime.getTime())/1000;
                if (document.all)
  document.all.reflex.style.backgroundColor="white";
                else if (document.getElementById)
  document.getElementById("reflex").style.backgroundColor="white";
                else if (document.layers)
                document.reflexns.document.reflexns_sub.document.bgColor="white";        alert("Je reactiesnelheid is : " + responseTime + " seconds " + "" + remark(responseTime));
  startPressed=false;
  bgChangeStarted=false;
 }
 else
 {
  if (!startPressed)
  {
   alert("press start first to start test");
  }
  else
  {          clearTimeout(timerID);
   startPressed=false;                alert("Vals speler! Je hebt te vroeg gedrukt!");
  }                }
}

var randMULTIPLIER=0x015a4e35;
var randINCREMENT=1;
var today=new Date();
var randSeed=today.getSeconds();
function randNumber()
{
 randSeed = (randMULTIPLIER * randSeed + randINCREMENT) % (1 << 31);
 return((randSeed >> 15) & 0x7fff) / 32767;
}

function startit()
{
 if(startPressed)
 {
  alert("Hij is al gestart. Druk op stop om te stoppen");
  return;
 }
 else
 {
  startPressed=true;   timerID=setTimeout('startTest()', 6000*randNumber());
 }
}
// --> </script>
<br>


<ilayer id="reflexns" width=135; height=135;><layer id="reflexns_sub" width=135; height=135; left=0 top=0 bgColor=yellow></layer></ilayer>

<form name="response">

<input type="button" value="  start  " onClick="startit()" style="font-weight:bold">
<input type="button" value="  stop  " onClick="stopTest()" style="font-weight:bold">
</form>

Hoe krijg je dit spel op je blog? Gewoon deze code kopiëren en plakken in een vakje Vrije Tekst (Personalisering)

Met dank aan cutieXmish!

12:09 Gepost door meester carlo in Vrije tijd | Permalink | Commentaren (0) | Tags: code, script, game, blogtip, webtip, reactiesnelheid testen |  Facebook |

07-04-07

Horoscoop op je blog?

internet014Weer iets héél leuks voor op je blog: een weekhoroscoop!
horoscoopJe krijgt de keuze uit 2 modellen:
 
1. Een pulldown menu waarin je je sterrenbeeld moet kiezen. Voordeel: Neemt weinig plaats in op je blog!
 
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript" SRC="http://www.jouwhoroscoop.nl/user/weekpulldown.js"></SCRIPT>

 
2. Een sterrenbeeldenlijst. Voordeel: Je klikt rechtstreeks op je sterrenbeeld.
 
 <!-- Start weekhoroscoopsnelzoekfunctie  --><br><table bordercolor="#6C6C6C" border="1" style="border-collapse: collapse" cellpadding="6" cellspacing="0"><tr><td><font size=-2 face=Arial><a href="http://www.jouwhoroscoop.nl/snelzoek.php?sign=Ram"          target=_blank style="text-decoration=none">Ram</a><br><a href="http://www.jouwhoroscoop.nl/snelzoek.php?sign=Stier"        target=_blank style="text-decoration=none">Stier</a><br><a href="http://www.jouwhoroscoop.nl/snelzoek.php?sign=Tweelingen"   target=_blank style="text-decoration=none">Tweelingen</a><br><a href="http://www.jouwhoroscoop.nl/snelzoek.php?sign=Kreeft"       target=_blank style="text-decoration=none">Kreeft</a><br><a href="http://www.jouwhoroscoop.nl/snelzoek.php?sign=Leeuw"        target=_blank style="text-decoration=none">Leeuw</a><br><a href="http://www.jouwhoroscoop.nl/snelzoek.php?sign=Maagd"        target=_blank style="text-decoration=none">Maagd</a><br><a href="http://www.jouwhoroscoop.nl/snelzoek.php?sign=Weegschaal"   target=_blank style="text-decoration=none">Weegschaal</a><br><a href="http://www.jouwhoroscoop.nl/snelzoek.php?sign=Schorpioen"   target=_blank style="text-decoration=none">Schorpioen</a><br><a href="http://www.jouwhoroscoop.nl/snelzoek.php?sign=Boogschutter" target=_blank style="text-decoration=none">Boogschutter</a><br><a href="http://www.jouwhoroscoop.nl/snelzoek.php?sign=Steenbok"     target=_blank style="text-decoration=none">Steenbok</a><br><a href="http://www.jouwhoroscoop.nl/snelzoek.php?sign=Waterman"     target=_blank style="text-decoration=none">Waterman</a><br><a href="http://www.jouwhoroscoop.nl/snelzoek.php?sign=Vissen"       target=_blank style="text-decoration=none">Vissen</a></font></td</tr></table><!-- Einde horoscoopsnelzoekfunctie  -->

 
Wil je eerst eens kijken hoe zo'n horoscoop er uitziet? Ga dan eens kijken op onze klasblog (rechterkolom)! http://meestercarlo.skynetblogs.be
 
Keuze gemaakt? Scriptje kopiëren en plakken in een vakje Vrije Tekst (Personalisering).

20:50 Gepost door meester carlo in Web | Permalink | Commentaren (5) | Tags: website, blog, blogtip, script, code, horoscoop, horoscoop op je blog |  Facebook |

05-04-07

WIE is er online?

wie Dit prentje zie je op héél wat blogs terugkomen. Het is het ventje van www.wieonline.nl
Als je je op deze site aanmeldt, krijg je, na enkele gegevens over je blog ingevuld te hebben, een code. Deze code kopieer je en plakt ze weer in een vakje 'Vrije Tekst'.
Dankzij deze code kan je steeds zien hoeveel mensen er op je blog aanwezig zijn. Als je bezoekers bovendien op dat ventje klikken, kunnen ze hun naam invullen, en dan zie je ook wie er online is! Héél leuk!
internet037

23:14 Gepost door meester carlo in Web | Permalink | Commentaren (4) | Tags: blogtips, website, script, code, wie is wie, wieonline |  Facebook |

01-04-07

Externe teller / counter

Jo stelde me deze week hoe je een externe teller op je blog kan plaatsen.

Natuurlijk rijst dan direct de vraag waarom je zoiets zou  doen?

internet031Wel met een externe teller kan je bv. het aantal unieke bezoekers van je blog tellen, of het aantal pageviews, of misschien wil je wel weten hoeveel bezoekers je blog elke dag heeft, waar je bezoekers vandaan komen, ...

Al deze statistische gegevens kan je verzameld krijgen met een (gratis!) externe teller.

Ik heb er een viertal op deze blog gezet als voorbeeld. Er zijn er natuurlijk nog vele andere.teller (Medium) 

De bovenste (in de rechterkolom) is deze van WEBSTATS4U ( http://motigo.com/about/webstats )Nederlandstalig in te stellen, geeft deze teller véél informatie. Nadeel is dat deze teller héél wat minder aantikt dan de Skynet-teller. Soms is dat nogal verwarrend. Wel leuk is dat zij een Top-lijst bijhouden van elke categorie websites. Zo kan je direct zien hoe jouw blog zich qua populariteit situeert.

De tweede teller is deze van STATCOUNTER ( http://my.statcounter.com ) Deze teller telt tikt dan weer veel sneller aan dan deze van Skynet. Dat komt omdat zij een andere telmethode gebruiken om de pageviews te berekenen. Voordeel van deze teller is dat je hem volledig onzichtbaar kan maken op je blog. En dat je je statistische gegevens kan verbergen voor je bezoekers!

Nummer 3 is deze van BELSTAT. ( http://www.belstat.be ) Een Belgische (!) teller, die je ook een heleboel info verschaft op een overzichtelijke manier. En natuurlijk kan je hier je bezoekersaantallen vergelijken met andere Belgische websites.

En als laatste heb ik de teller van BRAVENET geïnstalleerd ( http://www.bravenet.com/webtools/counter/ ) Deze teller heeft qua lay-out veruit de meeste én mooiste mogelijkheden. Maar... houdt maar de gegevens bij van de laatste 7 dagen. En dat vind ik persoonlijk weinig om de evolutie van je blog in't oog te houden.

comp24En hoe krijg je die tellers nu op je blog? Wel, allereerst moet je dus naar de homepagina van de teller van je keuze. Daar moet je je registreren, je teller instellen, ... Uiteindelijk krijg je dan een code die je op je blog moet plaatsen.
Je kopieert die code en plakt die in een vakje Vrije Tekst (Personalisering). En je teller is vertrokken!

 

21:10 Gepost door meester carlo in Web | Permalink | Commentaren (4) | Tags: website, blogtip, code, teller, counter, bezoekers, pageviews, visitors |  Facebook |

28-02-07

Cursor veranderen

Gisteren vroeg Nathalie mij hoe je je pijltje (cursor) kunt veranderen in iets anders (zoals op onze klasblog). Een hele leuke én gemakkelijke wijze om dat te doen gaat als volgend: Je klikt op onderstaande link:

http://www.bigoo.ws/view_cat.php?type=368 

Dan kom je op een overzichtspagina met liefst 28 categoriën van cursors.cursors Je kiest een categorie uit (bv robot) Je ziet trouwens al direct daarbij staan hoeveel verschillende cursors er in deze categorie zitten. Bij robot zijn er dat dus 15. Nu klik je op de gekozen categorie.cursors 2 Als je nu met je muis over de vierkantjes gaat, zie je de verschillende cursors verschijnen. Let op: bij robot zijn er 2 pagina's cursors. Soms zijn er dat véél meer! Heb je een leuke cursor gevonden? Dan kopieer je de code die ernaast staat.

Deze code kleef je dan uiteindelijk weer in een vakje 'Vrije tekst' onder Personalisering. En voila, je hebt een leuke cursor!

07:32 Gepost door meester carlo in Web | Permalink | Commentaren (7) | Tags: code, script, website, blogtips, cursor veranderen |  Facebook |

24-02-07

Rekenmachientje

Speciaal voor Brent...
De code om een rekenmachientje op je blog te zetten. Let op: Je moet de hele code kopiëren en in een vakje Vrije tekst (bij Personalisering) plakken. Veel rekenplezier!

<FORM NAME="Calc">
<TABLE BORDER=4 bordercolorlight="#D8D8D8" bordercolordark="#0000FF">
<TR>
<TD>
<font size="2" face="Verdana">
<INPUT TYPE="text"   NAME="Input" Size="16">
<br>
</font>
</TD>
</TR>
<TR>
<TD>
<font size="2" face="Verdana">
<INPUT TYPE="button" NAME="one"   VALUE="  1  " OnClick="Calc.Input.value += '1'">
<INPUT TYPE="button" NAME="two"   VALUE="  2  " OnCLick="Calc.Input.value += '2'">
<INPUT TYPE="button" NAME="three" VALUE="  3  " OnClick="Calc.Input.value += '3'">
<INPUT TYPE="button" NAME="plus"  VALUE="  +  " OnClick="Calc.Input.value += ' + '">
<br>
<INPUT TYPE="button" NAME="four"  VALUE="  4  " OnClick="Calc.Input.value += '4'">
<INPUT TYPE="button" NAME="five"  VALUE="  5  " OnCLick="Calc.Input.value += '5'">
<INPUT TYPE="button" NAME="six"   VALUE="  6  " OnClick="Calc.Input.value += '6'">
<INPUT TYPE="button" NAME="minus" VALUE="  -  " OnClick="Calc.Input.value += ' - '">
<br>
<INPUT TYPE="button" NAME="seven" VALUE="  7  " OnClick="Calc.Input.value += '7'">
<INPUT TYPE="button" NAME="eight" VALUE="  8  " OnCLick="Calc.Input.value += '8'">
<INPUT TYPE="button" NAME="nine"  VALUE="  9  " OnClick="Calc.Input.value += '9'">
<INPUT TYPE="button" NAME="times" VALUE="  x  " OnClick="Calc.Input.value += ' * '">
<br>
<INPUT TYPE="button" NAME="clear" VALUE="  c  " OnClick="Calc.Input.value = ''">
<INPUT TYPE="button" NAME="zero"  VALUE="  0  " OnClick="Calc.Input.value += '0'">
<INPUT TYPE="button" NAME="DoIt"  VALUE="  =  " OnClick="Calc.Input.value = eval(Calc.Input.value)">
<INPUT TYPE="button" NAME="div"   VALUE="  /  " OnClick="Calc.Input.value += ' / '">
<br>
</font>
</TD>
</TR>
</TABLE>
</FORM>
</CENTER>

 

18:28 Gepost door meester carlo in Web | Permalink | Commentaren (1) | Tags: blogtips, code, rekenmachine |  Facebook |