Marquesina

Este blog lo he creado para ir guardando los trucos que voy encontrando aqui y alla, los pongo en práctica y mientras voy aprendiendo en el camino, estoy escribiendo este blog, en realidad este blog es personal, pero eres bienvenido, si tienes comentarios o cosas que enseñar o más trucos para aplicarlos en blogger.

miércoles, 5 de enero de 2011

Votaciones con mensajes

Para incluir una votación sobre X tema, y que al seleccionar una opción aparezca un mensaje, es algo divertido.

Cortar y pegar el siguiente código:

----------------------------------------------------------------------------------------------------------



<p style="text-align: center;">
    ¿Te gusta mi blog?
</p>

<center>
    <table>
        <tbody>
            <tr>
                <td style="text-align: center;">
                    Excelente blog<input onclick="alert(value)" name="radio" type="radio" value="Que buen gusto tienes. No olvides dejar un comentario." />
                </td>
            </tr>

            <tr>
                <td style="text-align: left;">
                    Regular <input onclick="alert(value)" name="radio" type="radio" value="Tienes toda la razón. Dame un consejo para mejorlo. Gracias por dejar tu comentario." />
                </td>
            </tr>

            <tr>
                <td>
                    Pésimo. No Regreso<input onclick="alert(value)" name="radio" type="radio" value="Vete de mi blog y no regreses (Es broma, Gracias,  tu opinión cuenta. No olvides dejar un comentario)" />
                </td>
            </tr>
        </tbody>
    </table>
</center>

--------------------------------------------------------------------------------------------------------------

Sustituir el texto en rojo por el texto deseado.

A aquí el resultado.

¿Te gusta mi blog?






Excelente blog


Regular


Pésimo. No Regreso


martes, 4 de enero de 2011

Texto intermitente

Con este codigo se puede colocar un texto intermitente que aparece y desaparece sobre una misma linea.

aqui el codigo:

<marquee scrolldelay="700" scrollamount="400">
<font color="red"><b> Colocar aqui el texto deseado</b></font>
</marquee>

Reemplazar el texto a azul por lo qu se quiera escibir.

y aqui el resultado:

 


Texto Intermitente

¿Qué es el HTML?

HTML es el acrónimo en inglés de (HyperText Markup Language), que traducido al español significa Lenguaje de Marcas Híper Textuales. Es utilizado por la mayoría de páginas WEB, especialmente aquellas que utilizan el  protocolo de transferencia de hipertexto (HTTP) y es la primera parte de una dirección web en la mayor  parte de las gáinas de internet. HTML es el código de programación que se traduce en las imágenes que pueden ver,  en la incorporación de videos, imágenes y guiones, En resumen, el código HTML estructura el contenido de una página.

Así entonces, el HTML es un lenguaje ó código que se utiliza para crear páginas de internet.

Este lenguaje ó estos códigos son reconocidos por un editor de texto HTML el cual, de acuerdo a esos códigos, imágenes, textos, tablas y un sin fin de elementos que se colocan dentro del código permiten la creación de una página de internet.Cuando se crea una página de internet se debe incluir el siguiente código

<html>
<head>
<title>
Nombre de la página </title>
</head>
<body>
Bienvenidos a mi página </body>
</html>


Donde:

HTML : La propiedad html indica el punto de partida del código que creará la página de internet.

HEAD: La propiedad head indica el punto de partida de la cabecera de la página, area que se utiliza para incluir "scripts", códigos y textos invisibles que dan forma a algunos aspectos de la página.

TITLE: La propiedad title se utiliza para adjudicarle un título a la página que será visto en la barra superior de la página de internet, como el que se muestra en esta página (http://truccosblogger.blogspot.com).

BODY: La propiedad body indica el inicio del cuerpo de la página donde se coloca el texto, imágenes y el contenido principal de esta.

Menú desplegable

Este menú desplegable permite que colocar varios enlaces en un solo lugar. Así se gana espacio y facilidad de navegación. Este menú no necesita un botón para activarse. Basta con seleccionar el enlace y automáticamente el navegador se dirigirá a la página.

Este menú funciona en páginas sin marcos.
 
Para crear este menú y personalizarlo, solo basta cortar y pegar el siguiente código en la página HTML:

<form>
<select NAME="links" onChange="top.location.href=this.form.links.options[this.form.links.selectedIndex].value">
<option SELECTED>
Elija la sección que desee</option>
<option VALUE="Ingresa el enlace aquí">Ingresa el nombre del enlace aquí</option>  
<option VALUE="Ingresa el enlace aquí">Ingresa el nombre del enlace aquí</option>
<option VALUE="Ingresa el enlace aquí">Ingresa el nombre del enlace aquí</option>  
 </select>
</form>

Instrucciones para personalización: Observ que en la etiqueta 

<option VALUE="Ingresa el enlace aquí">Ingresa el nombre del enlace aquí</option>

solo cambiar los datos en azul por los enlaces deseados y colocar el nombre del enlace
El resultado final quedara así:


Texto de inicio al ingresar a una pagina

Este es un Script, en JavaScript muy interesante. (Aunque no es para los blogs de blogger)  Con esto se puede lograr que, al entrar a una página, el visitante vea un mensaje de bienvenida o cualquier otro texto que se haya configurado Luego, el visitantes es llevado automáticamente a la página definida. 

Para colocar este recurso en la página, sólo se debera copiar  y pegar el siguiente código, en el editor y guardar la página como principal. Así al ingresar a la página, los visitantes verán los mensajes y luego serán llevados la página .

Para configurar este scrip. Basta con modificar las áreas destacadas en azul en el código. Si hay hay dificultades con algún editor HTML que no reconozca el código, solo hay que copiar y pegar el código en el bloc de notas del Windows u otro editor de texto y guardarlo con extensión html.
 
<HTML>
<HEAD>
<TITLE>Ingresa el título aquí</TITLE>
<SCRIPT LANGUAGE = "JavaScript">
function makeArray() {
this.length = makeArray.arguments.length;
for (var i = 0; i < this.length; i++)
this[i + 1] = makeArray.arguments[i];
}
function makeSlideShow (obj, wait, pre, url) {
this.curText = '';
this.posit = 1;
this.word = obj;
this.length = obj.length;
this.pre = pre;
this.wait = wait;
this.url = url;
this.display = displaySlideShow;
}
function displaySlideShow() {
if (this.posit <= this.length) {
this.curText = this.word[this.posit]
outStringWord = blankFrameTop + this.pre + this.curText + blankFrameBottom;
parent.draw.location = 'javascript:parent.outStringWord';
this.posit++;
}
else {
doneLoop = true;
top.location = this.url;
}
}
function displayLoop() {
if (!doneLoop) reDraw = setTimeout('displayLoop()', wordIntro.wait);
wordIntro.display();
}
var words = new makeArray ('Ingresa el primer texto aquí', 'Ingresa el segundo texto aquí', 'Ingresa el tercer texto aquí', 'Ingresa el cuarto texto aquí', 'ABRIENDO EL SITIO... ');
var wordIntro = new makeSlideShow (words, 2500, '<CENTER><BR><BR><BR><BR><BR><BR><BR><BR><FONT SIZE = 5>', 'Ingresa aquí el URL de la página que aparecerá');
var blankFrameTop = '<HTML><BODY BGCOLOR = "#000000" TEXT = "#FFFFFF">';
var blankFrameBottom = '</BODY></HTML>';
var blankFrame = blankFrameTop + blankFrameBottom;
var doneLoop = false;
</SCRIPT>
</HEAD><FRAMESET onLoad = "displayLoop()" ROWS = "100%, *" FRAMEBORDER = NO BORDER = 0>
<FRAME
SCROLLING=AUTO
SRC = "javascript:parent.blankFrame"
NAME = "draw"
MARGINWIDTH = 2
MARGINHEIGHT = 2>
</FRAMESET>
</HTML>

Para recibir a los visitantes con un saludo

Con este codigo JavaScript se puede recibir a los visitantes del sitio con un saludo de acuerdo con la hora del día, es de decir, un buen dìa, buenas tardes o buenas noches.

sin más, aqui el codigo:

<Font size=2 face=arial><b>
<Script Language="JavaScript">
<!--
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() <=1
9)){
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>

y el resultado queda asi:



Con este truco se puede personalizar el sitio para que el visitante, al entrar a la página vea un espacio donde después de ingresar su nombre, aparecerá un mensaje que dice "Hola, Fulano, Bienvenido a mi espacio".

Aquí está el siguiente código JavaScript, solo copiar y pegar donde se quiere que aparezca el mensaje:

<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+"! Bienvenido a mi sitio</font></b>");
}
}
</script> 


Y el resultado es este: 


¡Hola, visitante! Bienvenido a mi sitio.