Esto es un probador de códigos, inserta el código HTML y te dará el resultado en una ventana nueva!

Codigo del probador de codigos de arriba

<script type="text/javascript">
//<![CDATA[
 
function probar(texto) {
 ventana = window.open('', 'popup', '');
 ventana.document.write(texto);
}
//]]>
</script>
<form name="probador" action="" id="probador">
    <font face="Verdana" size="2">Esto es un probador de códigos, inserta el código HTML y te dará el resultado en una ventana nueva!</font>

    <hr />

    <textarea name="texto" cols="50" rows="10">
</textarea> <font face="Verdana" size="2"><br /></font> <input type="button" value="Convertir" onclick="probar(texto.value)" />
</form>

Codigo html para poner una imagen como pie de pagina

</div><div class="n"><div class="n">
    <a href="#" title="Ir arriba"><img alt="Ir arriba" border="0" src="Aqui la url de la imagen que desee " style="position:fixed; bottom:0; left:0;"/></a>
</div>

 

 

Solo pon el coodigo en tu pagina jimdo en widget/html puedes poner una imagen diferente en cada pagina .

NOTA: Si quieres que la  misma imagen salga en todas las pagina coloca el codigo en plantilla propia html.

 


Codigo html para poner boton subir arriba

 Este codigo html es para jimdo o su web y es para poner un boton para que al darle clic sus usuarios vallan directo arriba

 

</script></div><div class="n"><div class="n">
    <a href="#" title="Ir arriba"><img alt="Ir arriba" border="0" src="http://img47.xooimage.com/files/9/d/9/up_arrow-1dc7380.png" style="position:fixed; bottom:0; right:0;"/></a>
</div>

Codigo cambia de color de fondo a tu web automaticamente

<div id="cc-matrix-899906057">
    <div class="n">
        <h1>
            CAMBIA DE COLOR LA PAGINA POR EL QUE MAS TE GUSTE
        </h1>
    </div>

    <div class="n">
        <center>
            <table border="0" style="cursor:url('http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/ic9f9e9dccbe9efa9/1279636888/thumb/image.gif'), auto;" align="center" width="22%">
                <tr>
                    <td>
                        <span onmouseover="javascript:document.body.style.backgroundColor='#d9d13f'; document.body.style.backgroundImage='none';"><img border="1" src=
                        "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/ib70a484a0d796a4c/1279635875/thumb/image.jpg" alt="" /></span>
                    </td>
                    <td>
                        <span onmouseover="javascript:document.body.style.backgroundColor='#3f6dd9'; document.body.style.backgroundImage='none';"><img border="1" src=
                        "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i864d71f3ad9442f6/1279635875/thumb/image.jpg" alt="" /></span>
                    </td>
                    <td>
                        <span onmouseover="javascript:document.body.style.backgroundColor='#d9993f'; document.body.style.backgroundImage='none';"><img border="1" src=
                        "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i6e6a28be3b5b635a/1279635875/thumb/image.jpg" alt="" /></span>
                    </td>
                    <td>
                        <span onmouseover="javascript:document.body.style.backgroundColor='#cccccc'; document.body.style.backgroundImage='none';"><img border="1" src=
                        "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/iffbb7edc0af7fd84/1279635875/thumb/image.jpg" alt="" /></span>
                    </td>
                    <td>
                        <span onmouseover="javascript:document.body.style.backgroundColor='#ffffff'; document.body.style.backgroundImage='none';"><img border="1" src=
                        "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i199da8a905c6bfc5/1279635875/thumb/image.jpg" alt="" /></span>
                    </td>
                    <td>
                        <span onmouseover="javascript:document.body.style.backgroundColor='#9b5b1c'; document.body.style.backgroundImage='none';"><img border="1" src=
                        "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i2c7c9e382f2a42c3/1279635875/thumb/image.jpg" alt="" /></span>
                    </td>
                </tr>

                <tr>
                    <td>
                        <span onmouseover="javascript:document.body.style.backgroundColor='#57d93f'; document.body.style.backgroundImage='none';"><img border="1" src=
                        "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/id782c9ba10091374/1279635875/thumb/image.jpg" alt="" /></span>
                    </td>
                    <td>
                        <span onmouseover="javascript:document.body.style.backgroundColor='#d9483f'; document.body.style.backgroundImage='none';"><img border="1" src=
                        "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i89158ce65f80c1be/1279636453/thumb/image.jpg" alt="" /></span>
                    </td>
                    <td>
                        <span onmouseover="javascript:document.body.style.backgroundColor='#FFCCCC'; document.body.style.backgroundImage='none';"><img border="1" src=
                        "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i12a2ebb01b035b05/1279635875/thumb/image.jpg" alt="" /></span>
                    </td>
                    <td>
                        <span onmouseover="javascript:document.body.style.backgroundColor='#993fd9'; document.body.style.backgroundImage='none';"><img border="1" src=
                        "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i453f8b776874b873/1279635875/thumb/image.jpg" alt="" /></span>
                    </td>
                    <td>
                        <span onmouseover="javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';"><img border="1" src=
                        "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/iebc9234a50f2d86b/1279635875/thumb/image.jpg" alt="" /></span>
                    </td>
                    <td>
                        <span onmouseover="javascript:document.body.style.backgroundColor='#74b8fb'; document.body.style.backgroundImage='none';"><img border="1" src=
                        "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i75f43d7530285f50/1279635875/thumb/image.jpg" alt="" /></span>
                    </td>
                </tr>
            </table>
        </center>
    </div>
</div>


CAMBIA DE COLOR LA PAGINA POR EL QUE MAS TE GUSTE

Ventana emergente en tu web

 Este codigo es para una ventana emergente en tu web o sea que al abrir tu pagina web automaticamente se abrira otra web la que tu elijas.

 

Lo podemos agregar como un witged/html en la pagina que desees solo en la pagina que lo agreges se habrira por ejemplo: si lo pusistes en tu pagina de inicio solo ahi se abrira esa ventana emergente en las otras pestañas de tu web no.

 

En cambio si deseeamos que en todas las paginas de tu web salga la ventana emergente lo colocamos en plantillas,plantillas propias,html.

 

La ventana la puedes modificar a tu estilo y tamaño osea le cambias donde dice width y height le cambias los numeros al tamaño que te guste.

 

NOTA:DONDE DICE  TU URL LE COCAMOS LA DIRECCION DE LA PAGINA,IMAGEN,LO QUE DESEES ABRIR.

 

 

<!-- Mas trucos y scripts en http://disemucho.jimdo.com -->
<SCRIPT language=Javascript> open('AQUI EL URL','AQUI EL TITULO',"toolbar=0,location=0,status=0,menubar=0,scrollbars=yes,resizable=YES,width=1000,height=500");</SCRIPT>

Codigo Imagen cargandose pagina

<script type='text/javascript'>
//<![CDATA[
    window.onload = detectarCarga;
    function detectarCarga(){
    document.getElementById("imgLOAD").style.display="none";
    }
    //]]>
</script>
<div id='imgLOAD' style="TEXT-ALIGN:center">
    <b>AQUI TU TEXTO</b>
    <center>
        <img src="AQUI TU DIRECCION URL DE LA IMAGEN " alt="" />
    </center>
</div>

Marquesina

<center> <div class="n"><p>
    <b><font color="#FFCC00" face="georgia" size="4"><marquee width="400" scrollamount="5" bgcolor="#232323">aqui tu texto</marquee>
    </font></b>
</p><center>

aqui tu texto

Ventana de alerta en tu web con un mensaje

<script language="JavaScript" type="text/javascript">
alert("Pon aqui el mensaje que quieres!");
</script>


Mensaje de alerta mediante un boton

<form><input name="button2" type="button"
onclick='alert("Aqui el mesaje de alerta!")' value="Nombre del boton" />
</form>


Cambiar imagen al darle click

<script language="javascript">
imagen1=new Image
imagen1.src="url dela imagen aqui"
imagen2=new Image
imagen2.src="url dela imagen aqui"
var i=1;
function cambiar() {
if (i == 1)
{
document.images['ejemplo'].src=imagen2.src
i=2;
}
else
{
document.images['ejemplo'].src=imagen1.src;
i=1;
}
}
</script><img src="url dela imagen aqui" name="ejemplo" onMousedown="cambiar()"">

Opcion de agregar a favoritos tu pagina

<a href="javascript:window.external.AddFavorite('AQUI LA URL DE TU WEB', '')">Agregar a favoritos</a>


BOTON PARA OCULTAR Y MOSTRAR LA INFORMACION QUE TU DESEES:CODIGO DE COLOR AMARILLO

<div class="pre-spoiler">
    <span style="color: #00ffff;">AQUI COLOCAN EL TEXTO QUE SE VERA AL DAR CLIC</span> <input type="button" value="Mostrar" style="width:80px;font-size:10px;margin:0px;padding:0px;" onclick=
    "if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Mostrar';}" />
    </div>

<div>
    <div class="spoiler" style="display: none;">
        AQUI ESCRIBEN TODO EL CONTENIDO QUE OCULTARAN YA SEA UN CHAT, REPRODUCTOR,ETC
    </div>
</div>


Codigo para que tus visitantes pongan sus nombres y luego el mensaje que tu desees

<Script language="JavaScript">
mensagem = prompt("Por favor, ingresa tu nombre",'');
if (mensagem==null) {
document.write("¡Hola, visitante!")
}else{
if (mensagem=='') {
document.write("<b><font face=arial size=2 color=#000000>¡Hola, visitante!</font></b>")
}else{
document.write("<b><font face=arial size=2 color=#000000>¡Hola"+mensagem+"! AQUI EL TEXTO QUE DESEES  </font></b>");
}
}
</script>

PUEDES CAMBIARLE EL COLOR DE LAS LETRAS DEL MENSAJE DONDE DICE COLOR.



CODIGO PARA ROTAR IMAGENES GIF Y JPG

 Este codigo les sirve para hacer hacer rotar las imagenes que coloquen, acepta imagenes jpg y gif  solo le ponen la direccion de la imagen que desean osea la direccion url de la imagen y listo.

Abajo esta el ejemplo como les va a salir

este es el codigo:

<!-- Mas scripts en http:disemucho.jimdo.com -->
<script language="JavaScript1.1" type="text/javascript">
//<![CDATA[
var specifyimage=new Array() //Your images
specifyimage[0]="aqui va ladireccion de tu imagen1"
specifyimage[1]="aqui va ladireccion de tu imagen2"
specifyimage[2]="aqui va ladireccion de tu imagen3"

specifyimage[3]="aqui va ladireccion de tu imagen4"
var delay=3000 //3 seconds

//Counter for array
var count =1;

var cubeimage=new Array()
for (i=0;i<specifyimage.length;i++){
cubeimage[i]=new Image()
cubeimage[i].src=specifyimage[i]
}

function movecube(){
if (window.createPopup)
cube.filters[0].apply()
document.images.cube.src=cubeimage[count].src;
if (window.createPopup)
cube.filters[0].play()
count++;
if (count==cubeimage.length)
count=0;
setTimeout("movecube()",delay)
}

window.onload=new Function("setTimeout('movecube()',delay)")
//]]>
</script><img src="boy4.gif" name="cube" border="0" style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')" alt="" id="cube"/>

TEXTO ENMARCADO: CODIGO DE COLOR BLANCO

 

 

<p style="border: ridge #FF0000 2px">
   AQUI TU TEXTO
</p>

 

Boton con color

Saludo al visitante

 Esto le aparecera segun el horario si es de dia buenos dias y asi sucesivamente.

<font size="2" face="arial"><b><script language="JavaScript" type="text/javascript">
//<![CDATA[
<!--
today = new Date()
if(today.getMinutes() < 10){
pad = "0"}
else
pad = "";
document.write ;if((today.getHours() >=6) && (today.getHours() <=9)){
document.write("¡Buen día!")
}
if((today.getHours() >=10) && (today.getHours() <=11)){
document.write("¡Buen día!")
}
if((today.getHours() >=12) && (today.getHours() <=19)){
document.write("¡Buenas tardes!")
}
if((today.getHours() >=20) && (today.getHours() <=23)){
document.write("¡Buenas noches!")
}
if((today.getHours() >=0) && (today.getHours() <=3)){
document.write("¡Buenas noches!")
}
if((today.getHours() >=4) && (today.getHours() <=5)){
document.write("¡Buenas noches!")
}
// -->
//]]>
</script></b></font>

Imagen que sigue al cursor

<script type="text/javascript"> /*
Simple Image Trail script- By disemucho.jimdo.com
Visit http://disemucho.jimdo.com for this script and more
This notice must stay intact
*/ var trailimage=["aqui la direccion o URL DE LA IMAGEN", de tamaño 100, 99] //image path, plus width and height
var offsetfrommouse=[10,-20] //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset
var displayduration=0 //Duracion De La Imagen. 0 sgnifica siempre. if (document.getElementById || document.all)
document.write('<div id="trailimageid" style="position:absolute;
visibility:visible;
left:0px;
top:0px;
width:1px;
height:1px">
<img src="'+trailimage[0]+'" border="0" width="'+trailimage[1]+'px" height="'+trailimage[2]+'px"></div>') function gettrailobj(){
if (document.getElementById)
return document.getElementById("trailimageid").style
else if (document.all)
return document.all.trailimagid.style
} function truebody(){
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
} function hidetrail(){
gettrailobj().visibility="hidden"
document.onmousemove="" } function followmouse(e){
var xcoord=offsetfrommouse[0]
var ycoord=offsetfrommouse[1]
if (typeof e != "undefined"){
xcoord+=e.pageX
ycoord+=e.pageY
}
else if (typeof window.event !="undefined"){
xcoord+=truebody().scrollLeft+event.clientX
ycoord+=truebody().scrollTop+event.clientY
}
var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
if (xcoord+trailimage[1]+3>docwidth || ycoord+trailimage[2]> docheight)
gettrailobj().display="none"
else
gettrailobj().display=""
gettrailobj().left=xcoord+"px"
gettrailobj().top=ycoord+"px"
} document.onmousemove=followmouse if (displayduration>0)
setTimeout("hidetrail()", displayduration*1000) </script>

Estrellas que siguen al cursor

 Esto entre las etiquetas <head></head>

 

 

 

<STYLE TYPE="text/css">
<!-- BODY{
overflow:scroll;
overflow-x:hidden;
} .s1
{
position : absolute;
font-size : 10pt;
color : blue;
visibility: hidden;
} .s2
{
position : absolute;
font-size : 18pt;
color : red;
visibility : hidden;
} .s3
{
position : absolute;
font-size : 14pt;
color : gold;
visibility : hidden;}
.s4
{
position : absolute;
font-size : 12pt;
color : lime;
visibility : hidden;
} //-->
</STYLE>

Esto entre las etiquetas <body></body>

 

<DIV ID="div1" class="s1">*</DIV>
<DIV ID="div2" class="s2">*</DIV>
<DIV ID="div3" class="s3">*</DIV>
<DIV ID="div4" class="s4">*</DIV> <SCRIPT LANGUAGE="javascript" TYPE="text/javascript"> /*
Script by Mike McGrath- http://website.lineone.net/~mike_mcgrath
Featured on JavaScript Kit (http://javascriptkit.com)
For this and over 400+ free scripts, visit http://javascriptkit.com
*/ var nav = (document.layers);
var tmr = null;
var spd = 50;
var x = 0;
var x_offset = 5;
var y = 0;
var y_offset = 15; if(nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse; function get_mouse(e)
{
x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft;
y = (nav) ? e.pageY : event.clientY+document.body.scrollTop;
x += x_offset;
y += y_offset;
beam(1);
} function beam(n)
{
if(n<5)
{
if(nav)
{
eval("document.div"+n+".top="+y);
eval("document.div"+n+".left="+x);
eval("document.div"+n+".visibility='visible'");
}
else
{
eval("div"+n+".style.top="+y);
eval("div"+n+".style.left="+x);
eval("div"+n+".style.visibility='visible'");
}
n++;
tmr=setTimeout("beam("+n+")",spd);
}
else
{
clearTimeout(tmr);
fade(4);
}
} function fade(n)
{
if(n>0)
{
if(nav)eval("document.div"+n+".visibility='hidden'");
else eval("div"+n+".style.visibility='hidden'");
n--;
tmr=setTimeout("fade("+n+")",spd);
}
else clearTimeout(tmr);
} // -->
</SCRIPT>

CODIGO PARA BANNER DE TU CABECERA WEB O IMAGEN QUE ELIGAS

<center>
    <a href="aqui va la direccion de tu web o sito para que al darle clic valla ahi" target="_blank"><img src="aqui pones exactamente la direccion de la imagen " alt="width=" height="60" border="0" /></a>
</center>

 

nota: si deseas cambiarle el tamaño lo midificas en donde dice  height="60" osea si quieres mas grande 80 o 100 lo que decidas.

 

el tutorial com imagenes clic aqui



TEXTO EN MOVIMIENTO

<marquee id="ejemplo" direction="right">CAMBIA AQUI EL TEXTO QUE DESEES QUE SALGA</marquee>

CAMBIA AQUI EL TEXTO QUE DESEES QUE SALGA

TEXTO EN MOVIMIENTO DE ARRIBA ABAJO O VICEVERSA

<marquee id="ejemplo" direction="up">
  AQUI VA EL TEXTO QUE DESEES </marquee><a href="javascript:void(0);" onclick="getElementById('ejemplo').direction='down';">
  Hacia abajo
</a>---
<a href="javascript:void(0);" onclick="getElementById('ejemplo').direction='up';">
  Hacia arriba
</a>

AQUI VA EL TEXTO QUE DESEES Hacia abajo --- Hacia arriba

CODIGO PARA COLOCAR FLASH EN JIMDO PARA JUEGO O ANIMACION SWF

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="500" height="350">
<param name=movie value="archivo.swf">
<param name=quality value=high>
<embed src="archivo.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="500" height="350">
</embed>
</object>

NOTA: EL TUTORIAL DE COMO INTEGRAR EL CODIGO A TU PAGINA JIMDO ESTA EN ESTA DIRRECCION:


http://disemucho.jimdo.com/tutoriales-y-videos-jimdo/



Como mover el titulo de la Pagina

Primero inicie sesion, luego de click en (1) Ajustes y despues en (2) editar Head.

 

 Este es el codigo a copiar

 

<script language="JavaScript" type="text/javascript">
//<![CDATA[
<!--
<!--
var txt="Los mejores codigos estan en http://disemucho.jimdo.com.  ";
var espera=200;
var refresco=null;
function rotulo_title() {
        document.title=txt;
        txt=txt.substring(1,txt.length)+txt.charAt(0);        
        refresco=setTimeout("rotulo_title()",espera);}
rotulo_title();
// -->

function MM_displayStatusMsg(msgStr) { //v1.0
  status=msgStr;
  document.MM_returnValue = true;
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
//]]>
</script>

width=
width=

Boton Personalizado con enlaces

 Con este codigo podras crear un boton y dentro de el habran varios enlaces, es decir el boton cambiara de links a diferentes webs que tu coloques. Puedes colocar tantos Tantos links como desees. El codigo es el siguiente:

 

 

<font face="Arial, Helvetica, sans-serif" size="2"><script language="JavaScript" type="text/javascript">
//<![CDATA[

var timerID = null
var timerRunning = false
var charNo = 0
var charMax = 0
var lineNo = 0
var lineMax = 4
var lineArr = new Array(lineMax)
var urlArr = new Array(lineMax)

lineArr[1] = "Codigos Hmtl"
urlArr[1] ="http://disemucho.jimdo.com/codigos-html-para-jimdo/"
lineArr[2] = "Videos Graciosos"
urlArr[2] = "http://disemucho.jimdo.com/videos/"
lineArr[3] = "Busqueda Jimdo-Google"
urlArr[3] = "http://disemucho.jimdo.com/busqueda-google/"
lineArr[4] = "http://disemucho.jimdo.com"
urlArr[4] = "http://disemucho.jimdo.com"

var lineText = lineArr[1]
function StartShow() {
StopShow()
ShowLine()
timerRunning = true
}
function FillSpaces() {
for (var i = 1; i <= lineWidth; i++) {
spaces += " "
}
}
function StopShow() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning = false
}
}
function ShowLine() {
if (charNo == 0) {
if (lineNo < lineMax) {
lineNo++
}
else {
lineNo = 1
}
lineText = lineArr[lineNo]
charMax = lineText.length
}
if (charNo <= charMax) {
document.formDisplay.buttonFace.value = lineText.substring(0, charNo)
charNo++
timerID = setTimeout("ShowLine()", 100)
}
else {
charNo = 0
timerID = setTimeout("ShowLine()", 3000)
}
}
function GotoUrl(url)
{
top.location.href = url
}
document.write("<form name=\"formDisplay\">");
document.write("<input type=\"button\" name=\"buttonFace\" value=\"&{lineText}\" size=\"18\" onClick=\"GotoUrl(urlArr[lineNo])\">");
document.write("<\/form>");
StartShow();
//]]>
</script></font>

codigo para el chat de esta web Y ESTAREMOS EN CONTACTO

<embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="500" height="480" name="chat" FlashVars="id=86931440&rl=Spanish" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="Get" _mce_href="http://xat.com/web_gear/?cb">Get">http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="Go" _mce_href="http://xat.com/web_gear/chat/go_large.php?id=86931440">Go">http://xat.com/web_gear/chat/go_large.php?id=86931440">Go Large!</a></small><br>


Cursor personalizado.

Para llegar al head, iniciamos sesion despues damos click en ajustes y buscamos head, alli escribimos primeramente <Head> aki adentro pegamos el codigo </head> y luego cerramos el head.

 

Luego guardamos los cambios y a ver los resultados.

 

El codigo que sigue lo pegamos dentro del head

<style type="text/css">
    #outerCircleText {
        font-style: italic;
        font-weight: bold;
        font-family: 'verdana', arial;
        color: #F0BBAA;
    position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
    #outerCircleText div {position: relative;}
    #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>


<script type="text/javascript">

;(function(){

var msg = "http://disemucho.jimdo.com"; //aki cambien el texto, este sera el que siga al raton

var size = 15;//tamaño de la letra
var circleY = 0.75; var circleX = 3;
var letter_spacing = 5;
var diameter = 5;
var rotation = 0.1;
var speed = 0.1;

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.408333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
 e = e || window.event;
 ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
 xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){
 if(init.nopy){
  o.style.top = (b || document.body).scrollTop + 'px';
  o.style.left = (b || document.body).scrollLeft + 'px';
 };
 currStep -= rotation;
 for (var d, i = n; i > -1; --i){
  d = document.getElementById('iemsg' + i).style;
  d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
  d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
 };
},

drag = function(){
 y[0] = Y[0] += (ymouse - Y[0]) * speed;
 x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
 for (var i = n; i > 0; --i){
  y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
  x[i] = X[i] += (x[i-1] - X[i]) * speed;
 };
 makecircle();
},

init = function(){
 if(!isNaN(window.pageYOffset)){
  ymouse += window.pageYOffset;
  xmouse += window.pageXOffset;
 } else init.nopy = true;
 for (var d, i = n; i > -1; --i){
  d = document.createElement('div'); d.id = 'iemsg' + i;
  d.style.height = d.style.width = a + 'px';
  d.appendChild(document.createTextNode(msg[i]));
  oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
 };
 o.appendChild(oi); document.body.appendChild(o);
 setInterval(drag, 25);
},
ascroll = function(){
 ymouse += window.pageYOffset;
 xmouse += window.pageXOffset;
 window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
 window.addEventListener('load', init, false);
 document.addEventListener('mouseover', mouse, false);
 document.addEventListener('mousemove', mouse, false);
  if (/Apple/.test(navigator.vendor))
   window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
 window.attachEvent('onload', init);
 document.attachEvent('onmousemove', mouse);
};
})();
</script>


Espero que les guste, si tienen alguna inquietud no duden en dejarme un comentario que yo les respondere pronto.

ADS Google

Este codigo que inclui en mi web, Son anuncios personalizados. Adsense es una empresa que paga por cada click que los visitantes den en tus anuncios. 

Este es un paquete de anuncios muy elegantes que se ven muy bien en cualquier  pagina.

 

<script type="text/javascript"><!--
google_ad_client = "pub-1272507289150618";
/* 200x200, creado 12/04/10 */
google_ad_slot = "6503185511";
google_ad_width = 200;
google_ad_height = 200;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

 

codigo html para el reproductor

width=

<img style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src=
"http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNjgxODk2NTY*MjEmcHQ9MTI2ODE4OTY2NDcxOCZwPTE4MDMxJmQ9Jmc9MSZvPWExZDkyNWRjYTk1YTQ3NDY4YzU5/NDIyNGE5MjYzYzQw.gif" alt="" />
<center>
    <p style="visibility:visible;">
        <embed src="http://assets.myflashfetish.com/swf/mp3/mixpod.swf?myid=46169175&amp;path=2010/03/04" quality="high" wmode="window" bgcolor="#222222" flashvars=
        "mycolor=222222&amp;mycolor2=77ADD1&amp;mycolor3=FFFFFF&amp;autoplay=true&amp;rand=0&amp;f=4&amp;vol=100&amp;pat=0&amp;grad=false" width="410" height="311" name="myflashfetish" salign="TL"
        type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:410px;height:311px;" /><br />
        <a href="http://www.mixpod.com/playlist/46169175"><img src="http://assets.myflashfetish.com/images/btn-get-tracks.gif" alt="Music" title="Get Music Tracks!" border="0" /></a><a href=
        "http://www.mixpod.com" target="_blank"><img src="http://assets.myflashfetish.com/images/btn-create.gif" alt="Playlist" title="Create Your Free Playlist!" border="0" /></a><a href=
        "http://www.mixpod.com/ringtones/46169175"><img src="http://assets.myflashfetish.com/images/btn-get-ringtones.gif" alt="Ringtones" title="Get Ringtones From This Playlist!" border=
        "0" /></a><br />
        Create a <a href="http://mixpod.com">playlist</a> at <a href="http://mixpod.com">MixPod.com</a>
    </p>
</center>

 

codigo para este contador de visitas

width=

 

 

 

 

<div>
    <strong>Total Visitas en Linea</strong> <script src=
    "http://www.widgeo.net/geocompteur/geocompteur.php?c=geocity_rouge&amp;id=1217085&amp;adult=1&amp;cat=internet&amp;fonce=0099ff&amp;claire=0066ff" type="text/javascript">
</script> <noscript><a href="http://www.widgeo.net">widgeo</a></noscript><br />
    <a href="http://www.widgeo.net"><img alt="widgeo" border="0" src="http://www.widgeo.net/img/logopm.png" /></a>
</div>

<table width="300">
</table>


codigo para esta ventana de texto

width=

<div align="center">
    <div id="preview" style=
    "BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WORD-SPACING: 1px; OVERFLOW: scroll; BORDER-LEFT: #000 1px solid; WIDTH: 180px; PADDING-TOP: 1px; BORDER-BOTTOM: #000 2px solid; HEIGHT: 150px; TEXT-ALIGN: left">
    <p>
            AQUI VA LO Q TU QUIERAS CAMBIA ESTE TEXTO MUY PRONTO PODRAS GANAS 100 DOLARES EN CONCURSO DE DISEÑO GRAFICO AQUI EN ESTA PAGINA
        </p>
    </div>
</div>


Codigo para busqueda google personalizada



Este codigo es para agregar el cuadro de dialogo de la busqueda.

 


<style type="text/css">
@import url(http://www.google.com/cse/api/branding.css);
</style>
<div class="cse-branding-bottom" style="background-color:#000000;color:#FFFFFF">
  <div class="cse-branding-form">
    <form action="http://disemucho.jimdo.com/busqueda-google/" id="cse-search-box">
      <div>
        <input type="hidden" name="cx" value="partner-pub-1272507289150618:hsy3sy-lr69" />
        <input type="hidden" name="cof" value="FORID:10" />
        <input type="hidden" name="ie" value="ISO-8859-1" />
        <input type="text" name="q" size="50" />
        <input type="submit" name="sa" value="Buscar" />
      </div>
    </form>
  </div>
  <div class="cse-branding-logo">
    <img src="http://www.google.com/images/poweredby_transparent/poweredby_000000.gif" alt="Google" />
  </div>
  <div class="cse-branding-text">
    B&#250;squeda personalizada
  </div>
</div>

CODIGO PARA ESTE CHAT

width=

 ESTE ES EL CODIGO PARA UN CHAT MAS SERIO NO MUY JUVENIL PERO ESOI SI MODERNO

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www4.cbox.ws/box/?boxid=3799093&amp;boxtag=6tyk3s&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www4.cbox.ws/box/?boxid=3799093&amp;boxtag=6tyk3s&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->

Buscador de Google para tu WEB

 Este buscador lo puedes insertar como un Widget HTML, los resultados seran presentados dentro de tu misma seccion en tu web Jimdo, es totalmente personalizado y sin popups ni nada por el estilo....

 

Lo creamos en disemucho.jimdo.com y lo iremos actualizando progresivamente... aki les dejo el resultado... el cual se vera identico en tu web..

COMO INTEGRARLO EN NUESTRA WEB.

Copiamos el siguiente codigo y lo agregamos como Widget HTML. El valor por defecto sera 550 para el ancho y 600 para el alto.


<iframe width="550" height="600" frameborder="0" style="background:#ffffff;" src="http://jose.targetsoft.com.ec/g1/index2.php"></iframe>

Podemos cambiar el ancho del frame con la Opcion Width="550" , para el Alto utilizamos la Opcion height="600",      basta con ajustar los valores para personalizarlo a nuestra plantilla.

 

Podemos cambiar el color de Fondo con la Opcion Background:#ffffff, cambiamos el color en este caso blanco por el que mas nos guste.

EJEMPLO