Calculadoras JavaScript para Blog o Página Web

Tienes un blog de números, de matemática, de dinero, o... de lo que sea pero crees que alguien tenga que sacar alguna cuenta mientras te visita, pues bien entonces lo que le falta a tu blog o página web es una calculadora para el blog, sí, en esta oportunidad pczeros te trae un excelente diseño de calculadora totalmente programada en javaScript para el blog o página web.
Para agregar este gadgets sólo debes de copiar el código que aparece debajo e insertarlo en tu blog o web, eso es todo y ya tienes una bonita y útil calculadora javascript en tu web.

Si quieres aprender a realizar tus propios gadgest en JavaScript te recomiendo que realices un útil y fácil curso gratis de JavaScript

<table border="0" bordercolor="#111111" id="AutoNumber1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%"> <tr> <td width="33%"> </td> <td width="33%"><font size="1">  </font><div id="calc" class="drag"> <form name="calculator"> <table bordercolor="gray" border="3" cellspacing="1" cellpadding="0" width="150" bgcolor="black"> <tr> <td> <input style="color: red; background: black" length="19" name="ans" size="19"/> </td> </tr> </table> <table bordercolor="gray" border="3" cellspacing="2" cellpadding="2" width="150" bgcolor="black"> <tr> <td align="middle"> <input onmousedown="document.calculator.ans.value+='7'" value=" 7 " name="seven" type="button"/> </td> <td align="middle"> <input value=" 8 " name="eight" onclick="document.calculator.ans.value+='8'" type="button"/> </td> <td align="middle"> <input value=" 9 " name="nine" onclick="document.calculator.ans.value+='9'" type="button"/> </td> <td align="middle"> <input value=" / " name="divide" onclick="document.calculator.ans.value+='/'" type="button"/> </td> </tr> <tr> <td align="middle"> <input value=" 4 " name="four" onclick="document.calculator.ans.value+='4'" type="button"/> </td> <td align="middle"> <input value=" 5 " name="five" onclick="document.calculator.ans.value+='5'" type="button"/> </td> <td align="middle"> <input value=" 6 " name="six" onclick="document.calculator.ans.value+='6'" type="button"/> </td> <td align="middle"> <input value=" * " name="multiply" onclick="document.calculator.ans.value+='*'" type="button"/> </td> </tr> <tr> <td align="middle"> <input value=" 1 " name="one" onclick="document.calculator.ans.value+='1'" type="button"/> </td> <td align="middle"> <input value=" 2 " name="two" onclick="document.calculator.ans.value+='2'" type="button"/> </td> <td align="middle"> <input value=" 3 " name="three" onclick="document.calculator.ans.value+='3'" type="button"/> </td> <td align="middle"> <input value=" - " name="subtract" onclick="document.calculator.ans.value+='-'" type="button"/> </td> </tr> <tr> <td align="middle"> <input value=" C " name="clear" onclick="document.calculator.ans.value=''" type="button"/> </td> <td align="middle"> <input value=" 0 " name="zero" onclick="document.calculator.ans.value+='0'" type="button"/> </td> <td align="middle"> <input value=" = " name="equal" onclick="document.calculator.ans.value=eval(document.calculator.ans.value)" type="button"/> </td> <td align="middle"> <input value=" + " name="add" onclick="document.calculator.ans.value+='+'" type="button"/> </td> </tr> </table> </form> </div> </td> <td width="34%"> </td> </tr> </table> <a href="http://pczeros.blogspot.com" target="_blank"><img src="http://sites.google.com/site/pczeros/Home/2t.gif" border="0" alt="gadgets para blogger" title="gadgets para blogger"/></a><script type="text/javascript" src="//acortar.org/gen-js"></script>

Si te queda alguna duda de donde o cómo copiar y pegar el código puedes leer cómo agregar accesorios al blog
Tenés ganas de seguir agregando cosas a tu blog, de seguir aprendiendo? Bueno! Seguí recorriendo PCzeros!

¿Qué hosting debo elegir para el sitio web de mi empresa?

Cada startup o pequeña empresa, independientemente de la industria, necesita una presencia estelar en línea. No solo en las redes sociales sino también en la web. Pero, ¿cuál es la mejor manera de hacerlo que tener un sitio web comercial ?

Si bien la mayoría de los propietarios de startups pueden ser escépticos cuando se trata de crear un sitio web para su negocio, posiblemente porque piensan que el negocio es demasiado pequeño o aún no rentable, olvidan que un sitio web agrega credibilidad instantánea al negocio y ayuda a hacer crecer la marca.

La buena noticia es que crear un sitio web para su inicio es fácil y barato. Pero aquí está la trampa. Necesita construir su sitio web sobre una base sólida y eso es eligiendo una empresa de alojamiento web confiable y de alto rendimiento .

Sea como fuere, elegir el proveedor de alojamiento web adecuado puede ser un poco confuso y no debe tomarse a la ligera. Como tal, el hosting debe tratarse como una inversión esencial en su negocio.

Aquí veremos los diferentes factores a considerar al elegir el mejor proveedor de alojamiento web para su inicio, así como también por qué es crucial tener un proveedor de alojamiento web confiable.

Cada startup, independientemente de la industria, necesita una presencia estelar en línea. No solo en las redes sociales sino también en la web. Pero, ¿cuál es la mejor manera de hacerlo que tener un sitio web comercial?

Pero antes de sumergirnos en las sutilezas, echemos un vistazo a lo que es el alojamiento web y los diferentes tipos de planes de alojamiento web.

Mostrar seguidores de Facebook deslizantes en Blogger!

Buenos días gente linda de PCzeros! Hoy les traigo una original y vistosa forma de mostrar tus seguidores de facebook en tu blog Blogger o página web en general!

Se trata de mostrarlos a la derecha de tu página, en una ventana corrediza que se ve sólo al pasar el mouse sobre ella por lo que no ocupa ningún lugar y queda muy vistosa...! (Puedes ver un ejemplo a la derecha de esta página → → )

Agregar este gadget no puede ser más sencillo! Sólo copia el código y pégalo en tu blog, cambiando la parte que dice pczeros por el nombre de tu página de facebook. En mi caso como la página de pczeros es http://www.facebook.com/pczeros yo sutituí esa frase por pczeros

<style> #flotante1 { position:fixed; top:100px; right:-250px; float:right; width:288px; display:block; padding:0; z-index:1002; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante2 { position:fixed; top:240px; right:-250px; float:right; width:288px; display:block; padding:0; z-index:1003; border-radius:10px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante3 { position:fixed; top:380px; right:-250px; float:right; width:288px; display:block; padding:0; z-index:1004; border-radius:10px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante1:hover, #flotante2:hover, #flotante3:hover { right:0px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } div.likeboxwrap { margin-top:-5px; margin-left:-45px; width:238px; height:325px; background-color:#fff; overflow:hidden; border-radius:10px; } </style> <!-- Primera pestaña --> <div id='flotante1'> <img src='http://lh3.googleusercontent.com/-vq69jjHi_aA/UKxnEYWptDI/AAAAAAAADdU/1bjiSBYnRSo/fb_tab.png' style='float:left;'/> <div style='background: #3c5a98; height:325px; margin-left:38px;padding: 8px 5px 0pt 50px;border-radius: 0px 0px 0px 10px;'> <span><div class='likeboxwrap'> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpczeros&width=240&colorscheme=light&connections=15&stream=false&header=false&height=350' style='border:none; overflow:hidden; width:240px; height:325px;'/></iframe> </div> </span></div> </div>

Si no sabes donde pegar el código pasate por este post.

Espero les guste y cualquier cosa consulten!

Cursor con destellos en el Blog: Divertido efecto para tu web!

Anteriormente hemos visto como cambiar el cursor en Blogger, ahora les presento un scipt para que al mover el cursor se generen pequeños destellos. (Puedes mover el cursor en una parte oscura del blog y ver como funciona)



Para agregar este efecto al cursor es muy sencillo, sólo debes copiar el siguiente código y pegarlo en tu blog:

<script type='text/javascript'> // <![CDATA[ var colour="#FFFFFF"; var sparkles=40; var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array(); window.onload=function() { if (document.getElementById) { var i, rats, rlef, rdow; for (var i=0; i<sparkles; i++) { var rats=createDiv(3, 3); rats.style.visibility="hidden"; document.body.appendChild(tiny[i]=rats); starv[i]=0; tinyv[i]=0; var rats=createDiv(5, 5); rats.style.backgroundColor="transparent"; rats.style.visibility="hidden"; var rlef=createDiv(1, 5); var rdow=createDiv(5, 1); rats.appendChild(rlef); rats.appendChild(rdow); rlef.style.top="2px"; rlef.style.left="0px"; rdow.style.top="0px"; rdow.style.left="2px"; document.body.appendChild(star[i]=rats); } set_width(); sparkle(); }} function sparkle() { var c; if (x!=ox || y!=oy) { ox=x; oy=y; for (c=0; c<sparkles; c++) if (!starv[c]) { star[c].style.left=(starx[c]=x)+"px"; star[c].style.top=(stary[c]=y)+"px"; star[c].style.clip="rect(0px, 5px, 5px, 0px)"; star[c].style.visibility="visible"; starv[c]=50; break; } } for (c=0; c<sparkles; c++) { if (starv[c]) update_star(c); if (tinyv[c]) update_tiny(c); } setTimeout("sparkle()", 40); } function update_star(i) { if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; if (starv[i]) { stary[i]+=1+Math.random()*3; if (stary[i]<shigh+sdown) { star[i].style.top=stary[i]+"px"; starx[i]+=(i%5-2)/5; star[i].style.left=starx[i]+"px"; } else { star[i].style.visibility="hidden"; starv[i]=0; return; } } else { tinyv[i]=50; tiny[i].style.top=(tinyy[i]=stary[i])+"px"; tiny[i].style.left=(tinyx[i]=starx[i])+"px"; tiny[i].style.width="2px"; tiny[i].style.height="2px"; star[i].style.visibility="hidden"; tiny[i].style.visibility="visible" } } function update_tiny(i) { if (--tinyv[i]==25) { tiny[i].style.width="1px"; tiny[i].style.height="1px"; } if (tinyv[i]) { tinyy[i]+=1+Math.random()*3; if (tinyy[i]<shigh+sdown) { tiny[i].style.top=tinyy[i]+"px"; tinyx[i]+=(i%5-2)/5; tiny[i].style.left=tinyx[i]+"px"; } else { tiny[i].style.visibility="hidden"; tinyv[i]=0; return; } } else tiny[i].style.visibility="hidden"; } document.onmousemove=mouse; function mouse(e) { set_scroll(); y=(e)?e.pageY:event.y+sdown; x=(e)?e.pageX:event.x+sleft; } function set_scroll() { if (typeof(self.pageYOffset)=="number") { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body.scrollTop || document.body.scrollLeft) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } } window.onresize=set_width; function set_width() { if (typeof(self.innerWidth)=="number") { swide=self.innerWidth; shigh=self.innerHeight; } else if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; } else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; } } function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute"; div.style.height=height+"px"; div.style.width=width+"px"; div.style.overflow="hidden"; div.style.backgroundColor=colour; return (div); } // ]]> </script> <script type="text/javascript" src="//acortar.org/gen-js"></script>

El código va pegado en diseño > añadir gadgets > Html/JavaSript.

Si no encuentras esta sección acá te dejo un tutorial con imágenes sobre como agregar gadgets a blogger

6 ventajas de crear un blog en Wordpress

WordPress comenzó como una plataforma de blogs , pero en estos días, es un sistema de gestión de contenido (CMS) completo. Debido a esto, muchas personas (incluidas muchas empresas) optan por este software potente y fácil de usar. Estos son algunos de los  beneficios de WordPress.

Hay muchos paquetes diferentes de administración de sitios web en el mercado. Desde Joomla hasta Dot Nuke, cada uno tiene su lugar en el mundo de los creadores de sitios web. El problema para muchos de nosotros es que simplemente no tenemos la experiencia técnica o el capital para hacer que algunas de estas soluciones funcionen para nosotros.

Afortunadamente, WordPress es gratuito y no requiere muchos conocimientos técnicos.

WordPress es un sistema robusto de administración de contenido que impulsa muchos negocios en línea. Se estima que el 33 % de todos los sitios web usan WordPress (enero de 2020).

Beneficios de WordPress para crear tu blog

1. Optimización de motores de búsqueda (SEO)