Directorios para Blogger Blog

Una de las mejores formas de dar a conocer tu blog y así obtener más visitas es agregandolo a distintos directorios para Blogger.

Aquí te presento un direcctorio para que puedas agregar tu blog!

AGREGAR MI BLOG AL DIRECTORIO!

Descargar libros de Diseño Web

3 comentarios

Ya hace un tiempo les presenté tres exclentes libros para que puedas aprender diseño web, se trataba de un libro de HTML, otro de CSS y el último de JavaScript.

Si no viste la primera entrega de libros de diseño y programación web has clic en elace para visitarla. Cursos de diseño web

En esta oportunidad voy a complementar esta primera entrega con tres libros más, se trata de libros más avanzados por lo que es importante que ya hallas leído los otros tres, auque ya puedes ir descargándolos.

El primer libro es de CSS avanzado, un excelente complemento del libro de CSS de la primera entrega.

Descargar

El segundo es de un libro de programción web, se trata de un gran libro a todo color para que aprendas a programar en AJAX, un lenguaje que cada vez se usa más!

Descargar

Y el tercero es un incribe libro de un lenguaje de programación para aplicaciones web llamado Symfony y que al igual que AJAX va ganando terreno muy rapidamente entre los mejores desarroladores.

Descargar

Realmente les recomiendo estos libros así como los de la primera entrega pues son muy fáciles de entender y traen muchos ejemplos para acerte más ameno el aprendizaje!

Calculadoras JavaScript para Blog o Página Web

4 comentarios

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

</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">

</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>

</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>

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!

Efectos JavaScript para Blogger

2 comentarios

Efectos JavaScript para Blogger: Efecto máquina de escribir

Un truco muy llamativo para tu blog o página web es el llamado efecto máquina de escribir, el mismo lo que hace es simular un texto que se escribe en una máquina de escribir y puede tener varias líneas, su instalación es sencilla y está programado en JavaScript, pero la mejor manera de conocer este gadgets es viéndolo en funcionamiento:

Código que debes de insertar en tu blog:

<script language="JavaScript1.2"><!--
//Secify scroller contents
var line=new Array()
line[1]="Bienvenidos a P C Z E R O S"
line[2]="ahora ya no tenés que andar buscando..."
line[3]="gadgets para tu blog o web por distintos lugares..."
line[4]="Ahora! todo está en un sólo lugar"
line[5]="Todo está en PCZEROS"
line[6]="(puedes seguir escribiendo cosas si quieres)"

//Specify font size for scoller
var ts_fontsize="12px"
//--Don't edit below this line
var longestmessage=1
for (i=2;i<line.length;i++){
if (line[i].length>line[longestmessage].length)
longestmessage=i
}
//Auto set scroller width
var tscroller_width=line[longestmessage].length
lines=line.length-1 //--Number of lines
//if IE 4+ or NS6
if (document.all||document.getElementById){
document.write('<form name="bannerform">')
document.write('<input type="text" name="banner" size="'+tscroller_width+'"')
document.write(' style="background-color: '+document.bgColor+'; color: '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">')
document.write('</form>')
}
temp=""
nextchar=-1;
nextline=1;
cursor="]"
function animate(){
if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){
nextline++;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",3000)}
else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
nextline=1;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else{
nextstep()}}
function nextstep(){
if (cursor=="\\"){
cursor="|"}
else if (cursor=="|"){
cursor="/"}
else if (cursor=="/"){
cursor="-"}
else if (cursor=="-"){
cursor="\\"}
nextchar++;
temp+=line[nextline].charAt(nextchar);
document.bannerform.banner.value=temp+cursor
setTimeout("animate()",25)}
//if IE 4+ or NS6
if (document.all||document.getElementById)
window.onload=animate
// --></script>
<a href="http://xoplanet.blogspot.com" target="_blank"><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border="0" alt="juegos para xo" title="juegos para xo"/></a>
<a href="http://pczeros.blogspot.com" target="_blank" title="gadgets para blogger"><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border="0" alt="gadgets para blogger" title="gadgets para blogger"/></a>

Luego que pegues el códio en tu blog búsca donde dice:

line[1]="Bienvenidos a P C Z E R O S" line[2]="ahora ya no tenés que andar buscando..." line[3]="gadgets para tu blog o web por distintos lugares..." line[4]="Ahora! todo está en un sólo lugar" line[5]="Todo está en PCZEROS" line[6]="(puedes seguir escribiendo cosas si quieres)"

y modifica lo que dice en cada línea dentro de las comillas, por lo que tu quieras, ésto es todo, guarda los cambios y disfruta de este nuevo gadgets para tu blog o web

Si te quedaron ganas de agregarle más cosas al blog, querés más script para blogger, más gadgets para el blog, más... sigue recorriendo PCzeros... hasta la próxima!

Relojes para blog

5 comentarios

Relojes para blog:

Y al fin llega la segunda entrega de relojes para blog, complementando la primera entrega de hace unos meses atrás de relojes digitales para el blog o web y de relojes analógicos para paginas web o blog. Para agregar un reloj al blog es muy sencillo: Añadir gadgets > Html/JavaScript > Pegas el código (si te queda alguna duda puedes leer cómo agregar gadgets a mi blog).

Que te queden lindos los relojes!

Relojes para blog: 1

Relojes para blog: 2

<div align="center"> <object width="180" height="200"> <param name="src" value="http://sites.google.com/site/pczeros/Home/relojDig5.swf" /> <embed src="http://sites.google.com/site/pczeros/Home/relojDig5.swf" width="180" height="200"></embed> </object> <a href="http://pczeros.blogspot.com" target="_blank"><h6>gadgets blogger</h6></a> <a href="http://www.descargardocumentales.net" target="_blank" title="descargar documentales"><img src="https://sites.google.com/site/descargardocumentales/adornos/dd.gif" border=0 alt="documentales" title="descargar documentales"/></a> </div>

Relojes para blog: 3

Relojes para blog: 4

<div align="center"> <object width="180" height="200"> <param name="src" value="http://sites.google.com/site/pczeros/Home/relojDig7.swf" /> <embed src="http://sites.google.com/site/pczeros/Home/relojDig7.swf" width="180" height="200"></embed> </object> <a href="http://pczeros.blogspot.com" target="_blank"><h6>pczeros</h6></a> <a href="http://www.descargardocumentales.net" target="_blank" title="descargar documentales"><img src="https://sites.google.com/site/descargardocumentales/adornos/dd.gif" border=0 alt="documentales discovery" title="descargar documentales"/></a> </div>

Relojes para blog: 5

Galerías Relojes: Relojes digitales 1 - Relojes analógicos 1 - Relojes digitales 2

Y sigue viaje por pczeros que hay mucho más para aprender y para agregarle al blog!
Y... Si querés que PCzeros realice un gadget diseñado especialmente para vos, no tienes más que pedirlo. Clic aquí para realizar un pedido de gadget a medida.

23 efectos de transicion entre paginas web del blog

5 comentarios

Y Pczeros te sigue trayendo más para tu blog, en este caso te trae excelentes efectos de trancición entre páginas del blog, si se tratan de efectos que se producen cuando un visitante va de una página web de tu blog o web a otra. Tienes para elejir varios efectos como efectos perciana, cuadriculado, círculo hacia adentro, barrido horizontal, entre otras tantas. Debajo tienes la listas completas de efectos de trancición. Para agregar este efecto a tu blog o web sólo copia el código correspondiente al efecto que elejiste y pégalo dentro de las etiquetas <head> y </head>. En blogger ve a diseño > Edición Html > Buscá <head> y a continuación pega el código.

Te quedará algo así:


<?xml version="1.0" encoding="UTF-8" ?>

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

  <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

<head>

<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=23)"/>

  <b:include data='blog' name='all-head-content'/>

  <title><data:blog.pageTitle/></title>

  <b:skin><![CDATA[/*

  Sigue el código...

Algunos efectos se ven en la siguiente imagen, pero lo mejor es que los vayas provando

Elige el efecto que más te guste:

Efectos de trancición web Box in
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=0)"/>

Efectos de trancición web Box out
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=1)"/>

Efectos de trancición web Circle in
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=2)"/>

Efectos de trancición web Circle out
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=3)"/>

Efectos de trancición web Wipe up
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=4)"/>

Efectos de trancición web Wipe down
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=5)"/>

Efectos de trancición web Wipe right
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=6)"/>

Efectos de trancición web Wipe left
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=7)"/>

Efectos de trancición web Vertical blinds
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=8)"/>

Efectos de trancición web Horizontal blinds
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=9)"/>

Efectos de trancición web Checkerboard across
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=10)"/>

Efectos de trancición web Checkerboard down
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=11)"/>

Efectos de trancición web Random dissolve
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=12)"/>

Efectos de trancición web Split vertical in
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=13)"/>

Efectos de trancición web Split vertical out
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=14)"/>

Efectos de trancición web Split horizontal in
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=15)"/>

Efectos de trancición web Split horizontal out
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=16)"/>

Efectos de trancición web Strips left down
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=17)"/>

Efectos de trancición web Strips left up
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=18)"/>

Efectos de trancición web Strips right down
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=19)"/>

Efectos de trancición web Strips right up
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=20)"/>

Efectos de trancición web Random bars horizontal
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=21)"/>

Efectos de trancición web Random bars vertical
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=22)"/>

Efectos de trancición web Random
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=23)"/>

NOTAS:

Los efectos de trancición funcionan sólo para los visitantes que usan Internet Explorer, si estás usando otro navegador bien vale la pena irse a Internet Explorer para ver los efectos que verán los visitante que utilicen este navegador.

El efecto Random muestra efectos al azar, se producirá un efecto distinto cada vez que se vaya de una página a otra.

Esto es todo. Sigue recorriendo el blog y encuentra mucho más cosas!