Para esconder elementosSirve para todo: im??genes y texto. Te permite, iniciar una publicaci??n y luego invitar a los lectores a seguir leyendo. Expande y contrae la publicaci??n.Paso 1:Lo primero que hacemos es ir a la configuraci??n HTML de nuestra plantilla y buscamos el </head>; y justo antes pegamos el siguiente codigo: dijo: <script type=’text/JavaScript’>function verocultar(cual) {var c=cual.nextSibling;if(c.style.display==’none’) {c.style.display=’block’;} else {c.style.display=’none’;}return false;}</script> Guardas los cambios. Paso 2:La segunda parte se agrega…
Formulario en HTML DE CONTACTO
Hoy vamos a ver c??mo hacer un formulario de contacto. 1.?? Lo que hacemos es copiar el siguiente c??digo, ya sea en la sidebar (Dise??o- Elementos de la p??gina- A??adir un gadget- HTML/Javascript A??adir) o en una entrada (Creaci??n de entradas- Nueva entrada). El c??digo mencionado es el siguiente: <FORM action=»mailto:tucorreo@correo.com» method=»post» enctype=»text/plain»><TABLE BORDER=»0″ CELLSPACING=»0″ CELLPADDING=»4″ WIDTH=»90%»><TR><TD width=»30%»><DIV align=»right»><B>Name:</B></DIV></TD><TD width=»70%»><INPUT type=»text» name=»name» size=»20″></TD></TR><TR><TD><DIV align=»right»><B>Email:</B></DIV></TD><TD><INPUT type=»text» name=»email» size=»20″></TD></TR><TR><TD><DIV align=»right»><B>Comment:</B></DIV></TD><TD><TEXTAREA name=»comment» cols=»30″ wrap=»virtual»…
Hacer zoom en las imagenes JQuery
El efecto Zoom en las imagenes es algo muy sencillo con JQuery : Implementarlo s??lo requiere cuatro pasos: primero descarga este archivo, descompr??melo y sube el archivo zoom-clip.js a un servidor. Luego entra en Dise??o | Edici??n de HTML y pega antes de </head> lo siguiente: <script language=’javascript’ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js’ type=’text/javascript’/><script language=’javascript’ src=’URL del archivo .js‘ type=’text/javascript’/> Cambia lo que est?? en color rojo por la URL del archivo que previamente subiste al hosting. Ahora antes de ]]></b:skin> pega esto: #view {border:…
Cambiar cabecera del blog-trucos blog
Aqu?? en Trucos para tu blog te ense??amos a cambiar la cabecera de tu blog ??Est??s aburrido de la misma cabecera de tu blog? Gracias Smashing Magazine puedes cambiar de dise??o con estas 50 cabeceras (headers) que he recopilado en su sitio y que puedes usar libremente.Algunos dise??os vienen acompa??ados de su respectivo archivo PSD por si sabes usar Photoshop puedas modificarlo a tu antojo. Una vez descargado este pack s??lo escoge la que…
Eliminar quitar numero del post
Para eliminar esos n??meros entra a Blogger > Dise??o > Edici??n de HTML y marca Expandir artilugios. Busca este c??digo y elim??nalo: (<data:label.count/>) Ahora tus etiquetas no tendr??n el n??mero de post que hay en ellas.Fuente De esta misma Fuente est??n sacados muchos trucos y artilugios pues es de las mejores paginas de ayuda para bloggers Un truco muy sencillo de – en trucos para blog aqu?? siempre los mejores trucos para vosotros…
Titulos con imagenes en tu blog
Titulos con imagenes en tu blogRecuerdo que tiempo atr??s, una de las primeras modificaciones que le hice a mi blog fue la de reemplazar los t??tulos de los gadgets por im??genes. Los lectores quedaron encantados y en la mayor??a de sus comentarios me pidieron que les explicase la forma de conseguir lo mismo.Por ello, en esta entrada quiero present??rtelo y conseguir que en unos sencill??simos pasos puedas aplicarlo a los…
Todos los codigos de colores html
Codigos de Colores Html Pincha Aqu?? Aqu?? os dejo esta p??gina donde podr??s encontrar todos los c??digos colores html que puedas estar buscando es un simple generador de colores muy f??cil de usar. ??C??mo utilizar los c??digos de color? Con los c??digos de color puedes fijar el color del fondo del Web site, el color de fuentes, las c??lulas en tablas y mucho m??s. Usar los c??digos de color para el color…
C??digos para generar texto en movimiento
Todos estos c??digos de texto en movimiento, pero aparte de chulos pueden ser muy ??tiles: Os dejo algunos c??digos que he recopilado para generar distintos efectos de texto en movimiento. Ya sab??is…copiar y pegar, espero que os sirvan. <marquee behavior=»alternate»><strong>Texto aqu??</strong></marquee> Texto aqu??Queda chulo ??eh? Aqu?? os dejo otro c??digo: <marquee direction=»up» behavior=»alternate»>Texto aqu??</marquee>Texto en movimientoEste otro est?? superchulo, ah?? va el c??digo: <span><marquee direction=»left» style=»background:#CC3333″>Es guapo ??eh?….</marquee></span>Es guapo ??eh?….(puedes…
Nuestra primera p??gina
Nuestra primera p??gina Aplicando lo aprendido en el punto anterior Sintaxis de una p??gina nuestra primera p??gina podr??a ser algo parecido a esta: <html> <head> </head> <body> HOLA MUNDO </body></html> Pru??belo, por favor, ver?? que f??cil es realizar nuestra p??gina web.Visualizaci??n de la p??gina: hola mundo Si tiene alguna duda de c??mo editarlo puede hacerlo con el Notepad de Windows o bajarse de Internet un editor de p??ginas Web , yo…
Sintaxis de una p??gina HTML
Sintaxis de una p??gina HTMLLos documentos o archivos HTML est??n compuestos por tres partes bien diferenciadas: EL Comiezo del documento HTML lo indica la etiqueta <html>Adem??s un documento HTML ha de estar delimitado por las etiquetas<html> …. </html> La Cabecera del documento (Header, cabecera en ingl??s) esta delimitada por<head> …… </head>Donde colocaremos etiquetas normalmente informativas como el t??tulo de la p??gina. Adem??s se usa para dar informaci??n sobre el documento, por…
Comienzos en el HTML
En este nuevo apartado o pesta??a intentaremos descubrir todo el lenguaje del HTML, y empezaremos con el:Inicio HTMLHTML es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con enlaces (hyperlinks) que conducen a otros documentos o fuentes de informaci??n relacionadas, y con inserciones multimedia (gr??ficos, sonido…). La descripci??n se basa en especificar en el texto la estructura l??gica del contenido (t??tulos, p??rrafos de…