Enlace para post aleatorios

Este código se trata de lo mismo que podrás ver al final de cada post,entrada donde nos dice Veamos otra entrada cualquiera por si le encontraras alguna utilidad? bueno para hacer esto es muy fácil, Lo primero es ir a diseño Elementos de la Página y Pinchamos en Añadir un gadget y escogemos HTML/JavaScript. En la ventana emergente pegamos lo siguiente:

<div id="myLuckyPost"></div>
<script type='text/javascript'>
function showLucky(root){
var feed = root.feed;
var entries = feed.entry || [];
var entry = feed.entry[0];
for (var j = 0; j < entry.link.length; ++j) {
if (entry.link[j].rel == "alternate") {
window.location = entry.link[j].href;
}
}
}
function fetchLuck(luck){
script = document.createElement('script');
script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);
}
function readLucky(root){
var feed = root.feed;
var total = parseInt(feed.openSearch$totalResults.$t,10);
var luckyNumber = Math.floor(Math.random()*total);
luckyNumber++;
fetchLuck(luckyNumber);
}
function feelingLucky(){
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '/feeds/posts/summary?max-results=0&alt=json-in-script&callback=readLucky';
document.getElementsByTagName('head')[0].appendChild(script);
}
</script>



Después guardamos y nos fijamos que todo este bien este script que mediante cuatro pequeñas rutinas (funciones), lee nuestro feed, escoge de manera aleatoria una de nuestras entradas y nos lleva a ella.
Lo siguiente van a diseño después a Edición de HTML marcan Expandir plantillas de artilugios y en su teclado aprietan CTRL+F y cuando les aparezca el buscador ponen esto </data:post.body>
para que lo encuentren mas rapido bueno justo despues </data:post.body> van a poner este codigo :


<p>Veamos <a href='#ramdom' onclick='feelingLucky();' title='Entrada al azar'>otra entrada cualquiera</a> por si le encontraras alguna utilidad?</p>


le dan a guardar plantilla y chequean que todo este bien nunca olviden guardar una copia de seguridad el texto lo pueden modificar a sus gustos.

Nota :  Para aquella personas que usan el read more o leer mas etc... van a sustituir el codigo que les dije que pusieran en la plantilla por este :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<p>Veamos <a href='#ramdom' onclick='feelingLucky();' title='Entrada al azar'>otra entrada cualquiera</a> por si le encontraras alguna utilidad?</p>

</b:if>


Esto evita que te salga en los post antes del leer mas y lo que hace es que salga en entradas individuales




Lista desplegable

Aquí les muestro estos códigos que se trata de dar una idea para acortar esas interminables listas de enlaces que algunos tenemos, de manera que ocupen menos espacio en nuestra barra lateral... o dónde sea.
Para ello usaremos HTML , el código necesario para construir un campo desplegable de un formulario.
En este código, borramos el mencionado INPUT (botón "IR") y tendríamos que colocar un ONCHANGE en la etiqueta SELECT:



<!-- Codes by http://www.tubetrucos.com--><!-- Codes by miespaciogratis.com --><form name="formulario2" method="post" action=""> <label>SITIOS</label> <select onchange="location.href=formulario2.destinos2.value;" name="destinos2"><option value="http://google.es" />Google<option value="http://youtube.com" />YouTube<option value="http://gmail.com" />GMail</select> </form>



Para abrir el resultado de la selección en una ventana/pestaña nueva, sustituimos dentro del onclick, location.href por window.open.












<!-- Codes by miespaciogratis.com --><!-- Codes by http://www.tubetrucos.com/ --><form name="formulario" method="post" action=""> <label>SITIOS</label> <select name="destinos"><option value="http://google.es" />Google<option value="http://youtube.com" />YouTube<option value="http://gmail.com" />GMail</select><input onclick="window.open(formulario.destinos.value);" value="IR" name="button" type="button" /> </form>








Texto que sigue al cursor,puntero

Con este codigo el cual el ejemplo lo pueden ver aquí mismo pueden mostrar un texto del tamaño que quieran que sigue al cursor lo pueden modificar al gusto que quieran como el color el tamaño de la letra y la velocidad .este codigo va entre las etiquetas y


Donde dice :
var msg = "Tube!Scripts trucos y mas!"; aqui iria el titulo
var letter_spacing = 5; es el espacio entre letra y letra
var diameter = 10; es el tamañ de la letra
var rotation = 0.4; es la velocidad de la rotacion
var speed = 0.3; esta es la velocidad con la que corre detras del cursor

font-style: italic; este es el estilo de la letra
font-weight: bold; este es gordita
font-family: 'comic sans ms', verdana, arial; el tipo de letra
color: #255255255; el color que quieres que se muestre

Aquí pueden escoger el color que quieran Tabla de Colores HTML

En la ventana donde les muestro el ejemplo van a encontrar el codigo



Ver el ejemplo aquí





Texto con efecto neon I I

Con este código van a obtener un efecto de texto de dos colores los cuales los pueden modificar a sus gustos .este código lo pueden poner en donde ustedes quieran que aparezca.

Donde dice:
var message="AQUÍ VA EL TEXTO"
var neonbasecolor="gray" AQUÍ VA EL PRIMER COLOR
var neontextcolor="yellow" AQUÍ VA EL SEGUNDO COLOR
var flashspeed=100 //en milisegundos ESTA ES LA VELOCIDAD


Ejemplo:


<h2><script language="JavaScript"> //texto neon II por (http://www.tubetrucos.com/) //visite http://www.tubetrucos.com/ var message="Aquí vas a encontrar mucho como codigos trucos y mucho mas disfrutenlo" var neonbasecolor="gray" var neontextcolor="yellow" var neontextcolor2="#FFFFA8" var flashspeed=100 // la velocidad es en milisegundos var flashingletters=3 // numero de letras que quieres que vaya alumbrando en neon var flashingletters2=1 var flashpause=0 var n=0 if (document.all||document.getElementById){ document.write('<font color="'+neonbasecolor+'">') for (m=0;m<message.length;m++) document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>') document.write('</font>') } else document.write(message) function crossref(number){ var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number) return crossobj } function neon(){ if (n==0){ for (m=0;m<message.length;m++) crossref(m).style.color=neonbasecolor } crossref(n).style.color=neontextcolor if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2 if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor if (n<message.length-1) n++ else{ n=0 clearInterval(flashing) setTimeout("beginneon()",flashpause) return } } function beginneon(){ if (document.all||document.getElementById) flashing=setInterval("neon()",flashspeed) } beginneon() </script></h2>





Texto con efecto neon I

Con este código van a obtener un efecto de texto de dos colores los cuales los pueden modificar a sus gustos .este código lo pueden poner en donde ustedes quieran que aparezca.

Donde dice:
var message="AQUÍ VA EL TEXTO"
var neonbasecolor="gray" AQUÍ VA EL PRIMER COLOR
var neontextcolor="yellow" AQUÍ VA EL SEGUNDO COLOR
var flashspeed=100 //en milisegundos ESTA ES LA VELOCIDAD





Ejemplo:





Efecto de texto Matrix



Este creativo codigo DHTML script da el efecto de texto Matrix añadiendole
un pequeño texto como el titulo de su sitio web o el nombre o lo que quieran poner es a sus gustos

Ejemplo:

Todo en tube



Este va entre las etiquetas <head>y </head>

<style type="text/css">
.matrix { font-family:Lucida Console, Courier, Monotype; font-size:10pt; text-align:center; width:10px; padding:0px; margin:0px;}
</style>

<script type="text/javascript" language="JavaScript">

<!--
var rows=11; // must be an odd number
var speed=50; // lower is faster
var reveal=2; // between 0 and 2 only. The higher, the faster the word appears
var effectalign="default" //enter "center" to center it.

/***********************************************
* The Matrix Text Effect- by Richard Womersley (http://www.mf2fm.co.uk/rv)
* This notice must stay intact for use
* Visit http://fasetube.blogspot.com/ para mas informacion
***********************************************/

var w3c=document.getElementById && !window.opera;;
var ie45=document.all && !window.opera;
var ma_tab, matemp, ma_bod, ma_row, x, y, columns, ma_txt, ma_cho;
var m_coch=new Array();
var m_copo=new Array();
window.onload=function() {
if (!w3c && !ie45) return
var matrix=(w3c)?document.getElementById("matrix"):document.all["matrix"];
ma_txt=(w3c)?matrix.firstChild.nodeValue:matrix.innerHTML;
ma_txt=" "+ma_txt+" ";
columns=ma_txt.length;
if (w3c) {
while (matrix.childNodes.length) matrix.removeChild(matrix.childNodes[0]);
ma_tab=document.createElement("table");
ma_tab.setAttribute("border", 0);
ma_tab.setAttribute("align", effectalign);
ma_tab.style.backgroundColor="#000000";
ma_bod=document.createElement("tbody");
for (x=0; x<rows; x++) {
ma_row=document.createElement("tr");
for (y=0; y<columns; y++) {
matemp=document.createElement("td");
matemp.setAttribute("id", "Mx"+x+"y"+y);
matemp.className="matrix";
matemp.appendChild(document.createTextNode(String.fromCharCode(160)));
ma_row.appendChild(matemp);
}
ma_bod.appendChild(ma_row);
}
ma_tab.appendChild(ma_bod);
matrix.appendChild(ma_tab);
} else {
ma_tab='<ta'+'ble align="'+effectalign+'" border="0" style="background-color:#000000">';
for (var x=0; x<rows; x++) {
ma_tab+='<t'+'r>';
for (var y=0; y<columns; y++) {
ma_tab+='<t'+'d class="matrix" id="Mx'+x+'y'+y+'">&nbsp;</'+'td>';
}
ma_tab+='</'+'tr>';
}
ma_tab+='</'+'table>';
matrix.innerHTML=ma_tab;
}
ma_cho=ma_txt;
for (x=0; x<columns; x++) {
ma_cho+=String.fromCharCode(32+Math.floor(Math.random()*94));
m_copo[x]=0;
}
ma_bod=setInterval("mytricks()", speed);
}

function mytricks() {
x=0;
for (y=0; y<columns; y++) {
x=x+(m_copo[y]==100);
ma_row=m_copo[y]%100;
if (ma_row && m_copo[y]<100) {
if (ma_row<rows+1) {
if (w3c) {
matemp=document.getElementById("Mx"+(ma_row-1)+"y"+y);
matemp.firstChild.nodeValue=m_coch[y];
}
else {
matemp=document.all["Mx"+(ma_row-1)+"y"+y];
matemp.innerHTML=m_coch[y];
}
matemp.style.color="#33ff66";
matemp.style.fontWeight="bold";
}
if (ma_row>1 && ma_row<rows+2) {
matemp=(w3c)?document.getElementById("Mx"+(ma_row-2)+"y"+y):document.all["Mx"+(ma_row-2)+"y"+y];
matemp.style.fontWeight="normal";
matemp.style.color="#00ff00";
}
if (ma_row>2) {
matemp=(w3c)?document.getElementById("Mx"+(ma_row-3)+"y"+y):document.all["Mx"+(ma_row-3)+"y"+y];
matemp.style.color="#009900";
}
if (ma_row<Math.floor(rows/2)+1) m_copo[y]++;
else if (ma_row==Math.floor(rows/2)+1 && m_coch[y]==ma_txt.charAt(y)) zoomer(y);
else if (ma_row<rows+2) m_copo[y]++;
else if (m_copo[y]<100) m_copo[y]=0;
}
else if (Math.random()>0.9 && m_copo[y]<100) {
m_coch[y]=ma_cho.charAt(Math.floor(Math.random()*ma_cho.length));
m_copo[y]++;
}
}
if (x==columns) clearInterval(ma_bod);
}

function zoomer(ycol) {
var mtmp, mtem, ytmp;
if (m_copo[ycol]==Math.floor(rows/2)+1) {
for (ytmp=0; ytmp<rows; ytmp++) {
if (w3c) {
mtmp=document.getElementById("Mx"+ytmp+"y"+ycol);
mtmp.firstChild.nodeValue=m_coch[ycol];
}
else {
mtmp=document.all["Mx"+ytmp+"y"+ycol];
mtmp.innerHTML=m_coch[ycol];
}
mtmp.style.color="#33ff66";
mtmp.style.fontWeight="bold";
}
if (Math.random()<reveal) {
mtmp=ma_cho.indexOf(ma_txt.charAt(ycol));
ma_cho=ma_cho.substring(0, mtmp)+ma_cho.substring(mtmp+1, ma_cho.length);
}
if (Math.random()<reveal-1) ma_cho=ma_cho.substring(0, ma_cho.length-1);
m_copo[ycol]+=199;
setTimeout("zoomer("+ycol+")", speed);
}
else if (m_copo[ycol]>200) {
if (w3c) {
mtmp=document.getElementById("Mx"+(m_copo[ycol]-201)+"y"+ycol);
mtem=document.getElementById("Mx"+(200+rows-m_copo[ycol]--)+"y"+ycol);
}
else {
mtmp=document.all["Mx"+(m_copo[ycol]-201)+"y"+ycol];
mtem=document.all["Mx"+(200+rows-m_copo[ycol]--)+"y"+ycol];
}
mtmp.style.fontWeight="normal";
mtem.style.fontWeight="normal";
setTimeout("zoomer("+ycol+")", speed);
}
else if (m_copo[ycol]==200) m_copo[ycol]=100+Math.floor(rows/2);
if (m_copo[ycol]>100 && m_copo[ycol]<200) {
if (w3c) {
mtmp=document.getElementById("Mx"+(m_copo[ycol]-101)+"y"+ycol);
mtmp.firstChild.nodeValue=String.fromCharCode(160);
mtem=document.getElementById("Mx"+(100+rows-m_copo[ycol]--)+"y"+ycol);
mtem.firstChild.nodeValue=String.fromCharCode(160);
}
else {
mtmp=document.all["Mx"+(m_copo[ycol]-101)+"y"+ycol];
mtmp.innerHTML=String.fromCharCode(160);
mtem=document.all["Mx"+(100+rows-m_copo[ycol]--)+"y"+ycol];
mtem.innerHTML=String.fromCharCode(160);
}
setTimeout("zoomer("+ycol+")", speed);
}
}
// -->
</script>


Este va entre las etiquetas <body>y </body>


<div id="matrix">
Aquí va el texto</div>











Efecto de nieve sin imagen

He visto en muchos sitios que brindan este código para efecto de nieve pero tienes que buscar una imagen ,con este código no tienes que buscar nada simplemente lo copias y lo pegas en tu web tienes que ponerlo después del <head> y antes del <body> en el código les muestro como cambiar la velocidad cuanta nieve para que lado quieren que caiga si toda el centro a la izquierda o a la derecha etc.

Ejemplo:  <head>             
               </head>            
              el código              
               <body>            
              </body>

ver el ejemplo aquí 


 



o pueden usar el siguiente codigo tambiem este se pone despues del <body>
 <script src='http://img72.xooimage.com/files/3/4/2/tubetrucosefectodenieve.js-2f77cff.js' type='text/javascript'/>

Una ves puesto este codigo le dan click a guardar plantilla y es todo ya tienen efecto de nieve en su blog .




Boton con multitud de enlaces

Este botón con multitud de enlaces, Botón que rota enlaces , puedes incluir todos los que quieras pones el titulo que quieres que aparezca y la url a donde quieres que te dirija al darle clic y es todo .

Donde dice : var lineMax = 3 el 3 son los enlaces que hay ahora si pones mas le cambias el numero.

Donde dice: lineArr[1] = "AQUI VA EL TITULO"
                    urlArr[1] = "AQUI VA LA URL"
Si quieren mas títulos con enlaces simplemente ponen ese mismo código lo único que deben de cambiar es el 1 por el que le sigue por ejemplo ahora hay 3 el que le seguiría seria el 4 jejeje y así con todos lo que quieran poner.

Esto van a diseño añadir un gadget HTML/Javascript  pegar y es todo disfruntenlo .






Ejemplo:





<font face="Arial, Helvetica, sans-serif" size="2">
<script language="JavaScript">
<!-- Mas scripts en http://tubetrucos.com/ -->
var timerID = null
var timerRunning = false
var charNo = 0
var charMax = 0
var lineNo = 0
var lineMax = 3
var lineArr = new Array(lineMax)
var urlArr = new Array(lineMax)
lineArr[1] = "AQUI VA EL TITULO"
urlArr[1] = "AQUI VA LA URL"
lineArr[2] = "AQUI VA EL TITULO"
urlArr[2] = "AQUI VA LA URL"
lineArr[3] = "AQUI VA EL TITULO"
urlArr[3] = "AQUI VA LA URL"
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>








Poner una imagen de fondo

Para poner una imagen de fondo en nuestro sitio web y que no se repita la imagen como tipo de mosaicos que salga la imagen completa de fondo este código se pone entre las etiquetas <head><head> y obtendrán el resultado como el que yo tengo de fondo.





<!-- Codes by tubetrucos.com/ -->
<style type="text/css">
<!--
body {
background-image: url
(AQUI VA LA URL DE LA IMAGEN);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
}
-->
</style>











Boton para imprimir

Hola aquí les traigo este codigo, con el la persona puede Imprimir la página web
la cual este visualisando ,este va a ser el resultado

Ejemplo:                           




<!-- Codes by tubetrucos.com/ -->
<input onclick="window.print();" name="imprimir esta pagina" value="Imprimir" type="button">





Ejemplo:




<!-- Codes by tubetrucos.com/ -->
<a href='javascript:window.print()'><img border='0' src='http://dl.dropbox.com/u/25944020/impresora.gif'/></a>










Mostrar ip,so,país y navegador

Si quieres mostrar a tus visitas su dirección IP, su sistema operativo, su país y su navegador, copia y pega el siguiente código html que le voy a brindar escogen a su conveniencia uno de 125x 125 y el otro de 468x60

Para blog
Van a diseño después a añadir un gadget y Añadir HTML/Javascript lo pegan le dan guardar y es todo.

Para web
Simplemente lo añaden en la parte de HTML copian pegan y es todo.

Ejemplo:

IP




<!-- HTML Codes by tubetrucos.com/ -->
<br><a href="http://tubetrucos.com">
<img src="http://www.wieistmeineip.de/ip-address/"
border="0" width="125" height="125" alt="IP" /></a><br>





<!-- HTML Codes by tubetrucos.com/ -->
<br><a href="http:// tubetrucos.com/"><img src="http://www.wieistmeineip.de/ip-address/?
size=468x60" border="0" width="468" height="60" alt="IP" /></a><br>







Motores de busqueda

Algunos motores de búsqueda todavía aceptan registrar tus blog o web . Estas registraciones generalmente toman 4-8  semanas para ser incluidas muchas veces las añaden antes, y no hay ningúna garantia que un sitio será puesto en una lista. puedes dar click en los eslabones abajo para la registracion gratis , para cada motor de búsqueda.
 
Google

Alta Vista
bing
Yahoo
 






Google gadgets

Hola hoy les presento un aporte para su sitio web o blog. Se trata de una web la cual tiene cientos de curiosos gadgets que pueden añadir de forma sencilla y completamente gratis a su sitio web o blog.
Se trata de Google Gadgets,  el gigante de internet es quien nos proporciona desde una web a cientos y cientos de gadgets, algunos curiosos, otros utiles y otros simplemente absurdos pero para gustos los colores.
Encontraremos gadgets que nos proporcionan el pronóstico del tiempo,noticias locales,noticias internacinales, conversor de divisas, Messenger, estaciones de radio, citas célebres, chistes, webcams on line  y muchisimos más.
La gran mayoria de los gadgets son subidos por usuarios, es decir, no son creados por google por lo que no se hacen responsable del funcionamiento del mismo pero son muy buenos.

Espero que les guste y les sea útil.
puede dirigirse dando clic aqui google gadgets








Scroll Box

¿Cómo podemos poner una lista de cosas como textos imagenes etc, en una página web sin ocupar mucho espacio en la pantalla?
La solución es muy simple, simplemente se necesita utilizar la propiedad overflow en un bloque cualquiera.
La propiedad overflow permite controlar qué se va a hacer cuando un elemento sobrepasa el área de su contenedor:

overflow:    visible | hidden | scroll | auto
overflow-x: visible | hidden | scroll | auto
overflow-y: visible | hidden | scroll | auto



Donde ancho y alto se miden en pixeles y corresponden al tamaño del bloque contenedor (el que va a contener la lista).
Normalmente, cuando el tamaño del contenedor es menor que el contenido y este "no entra", el bloque se redimensiona, ignorando el tamaño que establecimos. Pero le hemos "ordenado" que respete nuestras medidas y por lo tanto, automática mente agregará unas barras de desplazamiento en el sentido que se requiera.



Basic Vertical Scroll Box

Ejemplo:
aqui va lo decees poner




<!-- HTML Codes by tubetrucos.com/ -->
<div style="border: 1px solid black; width: 200px; height: 100px; overflow-y: scroll; overflow-x: hidden;">
aquí va lo decees poner
</div>



Basic Horizontal Scroll Box

Ejemplo:
 
aquí va el texto o lo que decees


<!-- HTML Codes by tubetrucos.com/ -->
<div style="border: 1px solid black; width: 200px; height: 100px; overflow-y: hidden; overflow-x: scroll;">
aqui va el texto o lo que decees
</div>



Picture Scroll Box


Ejemplo:
Sample picture for scroll box: SampleSample





<!-- Codes by tubetrucos.com/ -->
<div style="height: 221px; width: 330px; overflow: scroll;"><img src="http://dl.dropbox.com/u/25944020/paisaje.jpgespaciogratis" border="0" alt="Sample picture for scroll box:" width="330" height="221" /> <img src="http://dl.dropbox.com/u/25944020/catarata.jpgespaciogratis" border="0" alt="Sample" width="330" height="221" /><img src="http://dl.dropbox.com/u/25944020/paisajes.jpgespaciogratis" border="0" alt="Sample" width="330" height="221" /></div>



Background Pictures


Ejemplo:
aqui pueden escribir todo lo que quieran.




<!-- Codes by tubetrucos.com/ -->
<div style="height:220px;width:325px;overflow:scroll;font:35px/45px cursive;color:#A6120D;background:url('http://i516.photobucket.com/albums/u323/natural_pics/milford_sound.jpg');">aquí pueden escribir todo lo que quieran.
</div>




Background Color



Ejemplo:
aquí se le añadió este color pero ustedes pueden cambiarlo a su gusto con el color que mas les guste




<!-- Codes by tubetrucos.com/ -->
<div style="height: 90px; width: 160px; overflow: scroll; background-color: rgb(103, 241, 82);">aquí se le añadió este color pero ustedes pueden cambiarlo a su gusto con el color que mas les guste</div>




Text Color


Ejemplo:
aquí se le añadio este color pero ustedes pueden cambiarlo a su gusto con el color que mas les guste.




<!-- Codes by tubetrucos.com/ -->
<div style="height: 90px; width: 160px; overflow: scroll; background-color: rgb(103, 241, 82); color: rgb(166, 18, 13);">aquí se le añadió este color pero ustedes pueden cambiarlo a su gusto con el color que mas les guste.</div>




Entradas al azar

Con este este código que les brindo hoy, permitirás a las personas , ver entradas antiguas pero que pueden seguir siendo
importantes.es un código muy sencillo de poner. solamente se trata
de ir a diseño Elemento de la Página añadir un gadget y ubicarlo donde ustedes quieran que aparesca en una barra lateral o abajo se los dejo a sus gustos.

Donde dice post al azar lo pueden modificar por la frase que ustedes quieran.


Ejemplo:



Entrada al azar


<div id="myLuckyPost"></div> <script type='text/javascript'> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j) { if (entry.link[j].rel == "alternate") { window.location = entry.link[j].href; } } } function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start- index='+luck+'&max- results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild (script); } function readLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total); luckyNumber++; fetchLuck(luckyNumber); } function feelingLucky(){ var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '/feeds/posts/summary?max-results=0&alt=json-in- script&callback=readLucky'; document.getElementsByTagName('head')[0].appendChild (script); } </script> <a href="#random" onclick="feelingLucky()" title="Entrada al azar">Entrada al azar</a>



Con este es igual pero este contiene una imagen:

Ejemplo:





<div id="myLuckyPost"></div> <script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j) { if (entry.link[j].rel == "alternate") { window.location = entry.link[j].href; } } } function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start- index='+luck+'&max- results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild (script); } function readLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total); luckyNumber++; fetchLuck(luckyNumber); } function feelingLucky(){ var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '/feeds/posts/summary?max-results=0&alt=json-in -script&callback=readLucky'; document.getElementsByTagName('head')[0].appendChild (script); } </script> <div> <a href="#ramdom" onclick="feelingLucky() " title="Post Aleatorio"><img src="http://dl.dropbox.com/u/25944020/dados.jpg" /><br /><strong>Ver una entrada al azar<strong><br /></a> </div>










Abrir una Web en Pop Up

Con este código vamos a hacer que al entrar en nuestra página automática mente se abra otra,pop up ej. otra Web nuestra, una sección que queremos mostrar, una publicidad, etc.



<!-- Codes by miespaciogratis.com and tubetrucos.com -->
<script language="javascript">window.open('AQUI VA LA URL QUE QUIERES QUE SE MUESTRE', 'geoflotante', '');</script>




Con este otro código van a Abrir una Web en Pop Up pero no completa van a abrir una ventana en su mismo sitio a la medida que ustedes quieran y dándole clik


ver el ejemplo aquí

<!-- Codes by miespaciogratis.com and tubetrucos.com -->
<a href="AQUI VA LA URL QUE QUIERES QUE SE MUESTRE" target="_blank" onclick="window.open('AQUI VA LA URL QUE QUIERES QUE SE MUESTRE','myWin','resizable=1,status=1,menubar=1,toolbar=1,scrollbars=1,location=1,directories=1,width=350,height=350,top=60,left=60');return false;"><b>ver el ejemplo </b></a>







Image Slideshows con titulo

Con este slideshow ustedes pueden ponerle un titulo a cada imagen a continuación les voy a brindar el código para que obtengan un slideshow como en el ejemplo que les muestro,donde esta el 2000 son 2 segundos que transcurrirá de imagen a imagen ustedes lo pueden modificar a sus gustos al igual que el width que es el ancho y el height que es la altura.

<!-- Codes by miespaciogratis.com and tubetrucos.com/-->
<style type="text/css">
body,td {
font-size: 10pt;
color: black;
font-family: verdana,arial,helvetica,san-serif;
background-color: white;
}

</style>




<script type="text/javascript">

var x=0;

function rotate(num){
fs=document.ff.slide;
x=num%fs.length;
if(x<0) x=fs.length-1;
document.images.show.src=fs.options[x].value;
fs.selectedIndex=x;}

function auto() {
if(document.ff.fa.value == "Stop"){
rotate(++x);setTimeout("auto()", 2000);}}
</script>

<form name="ff">
<table cellpadding="3" style="border:1px black solid;border-collapse:collapse;" align="center">
<tr><th align=center>AQUI PUEDEN PONER LO QUE QUIERAN</th></tr>

<tr><td align=center>
<img src="http://dl.dropbox.com/u/25944020/ima.jpg
" name="show" />
</td></tr>

<tr><td align=center style="border:1px black solid;">
<select name="slide" onchange="rotate(this.selectedIndex);">
<option value="http://dl.dropbox.com/u/25944020/imag.jpg" selected />AQUI PUEDEN PONER LO QUE QUIERAN
<option value="http://dl.dropbox.com/u/25944020/images6.jpg" />AQUI PUEDEN PONER LO QUE QUIERAN

<option value="http://dl.dropbox.com/u/25944020/images1.jpg" />AQUI PUEDEN PONER LO QUE QUIERAN
<option value="http://dl.dropbox.com/u/25944020/images2.jpg" />AQUI PUEDEN PONER LO QUE QUIERAN
</select>
</td></tr>

<tr><td align=center style="border:1px black solid;">
<input type="button" onclick="rotate(0);" value="ll&lt;&lt;" title="Jump to beginning" />
<input type="button" onclick="rotate(x-1);" value="&lt;&lt;" title="Last Picture" />
<input type="button" name="fa" onclick="this.value=((this.value==&#39;Stop&#39;)?&#39;Start&#39;:&#39;Stop&#39;);auto();" value="Start" title="Autoplay" style="width:75px;" />
<input type="button" onclick="rotate(x+1);" value="&gt;&gt;" title="Next Picture" />
<input type="button" onclick="rotate(this.form.slide.length-1);" value="&gt;&gt;ll" title="Jump to end" />
</td></tr></table></form>


<div>






Ejemplo:


AQUI PUEDEN PONER LO QUE QUIERAN




Image Slideshows

Con este slideshow puedes mostrar imagenes automáticamente sin necesidad de botones de hacia adelante y hacia atrás,
donde dice 3000 son 3 segundos lo pueden modificar a sus gustos esa es la velocidad que se mostraran la imagenes,también pueden modificar el tamaño el width es ancho y el height es la altura.



<!-- Mas trucos y scripts en http://tubetrucos.com/-->
<script type="text/javascript">
<!--
var image1=new Image()
image1.src="http://dl.dropbox.com/u/25944020/images2.jpg"
var image2=new Image()
image2.src="http://dl.dropbox.com/u/25944020/images1.jpg"
var image3=new Image()
image3.src="http://dl.dropbox.com/u/25944020/images6.jpg"
//-->
</script>


<img src="http://dl.dropbox.com/u/25944020/images11.jpg" name="slide" width="300" height="250" />
<script>
<!--
//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<3)
step++
else
step=1
//call function "slideit()" every 3 seconds
setTimeout("slideit()",3000)
}
slideit()
//-->
</script>


Ejemplo:











La barra de título en movimiento

Deceas que en la barra de títulos,navegador en la misma barra donde se encuentra el favicon aparesca en
contante movimiento la información que desees aquí les dejo el código este lo ponen entre las etiquetas <HEAD><HEAD>


<!-- Mas trucos y scripts en http://tubetrucos.com/--> <SCRIPT LANGUAGE="JavaScript"> var txt=" AQUI VA LO QUE USTEDES QUIERAN QUE APARESCA EN LA BARRA "; var espera=100; 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(); </SCRIPT>

ver el ejemplo





Boton de adelante y hacia atrás

Estos códigos hacen la función igual que el navegador hacia adelante y hacia atrás con botones.



<!-- Mas trucos y scripts en http://tubetrucos.com/ --> <input type="button" value="Atrás" onclick="history.back()" style="font-family: Verdana; font-size: 8 pt">

Ejemplo:





<!-- Mas trucos y scripts en http://tubetrucos.com/ --> <input type="button" value="Adelante" onclick="history.forward()" style="font-family: Verdana; font-size: 8 pt">

Ejemplo:






valorar un sitio del 1 al 10

Quieres que tus visitantes valoren tu sitio de una escala del 1 al 10 , recibiendo la valoración en tu email con este código a continuación lo pueden obtener.donde dice correo tuyo ahí pongan su dirección de correo.


<!-- Mas trucos y scripts en http://tubetrucos.com/ --> <form action="mailto:correo tuyo" method="post" enctype="text/plain"> Valora esta web<br /> <select name="Valoracion"> <option />1 <option />2 <option />3 <option />4 <option />5 <option />6 <option />7 <option />8 <option />9 <option />10 </select> <input type="submit" value="Enviar" /> </form>

Ejemplo:
Valora esta web







Cambiar el color a los botones

Cada ves que llamamos a la función "button" nos sale de color gris,con este código les puedes poner el color que desees.donde dice tubetrucos ahí va lo que quieran escribir.




Ejemplo:






vibrar la pantalla.

Con este codigo que les brindo a contínuacion mediante un boton hace que vibre la pantalla.recuerden que eso es a conciencia de el que lo ponga porque a muchas personas a lo mejor no les gusta ya que se pueden llevar un sustico cuando la pantalla les vibre por unos segundo.




<!-- Mas trucos y scripts en http://fasetube.blogspot.com/ --> <!-- para llamarlo con un botón--> <INPUT onclick=shake(40) type=button value="vibrar la pantalla"Terremoto""> <SCRIPT language=JavaScript1.2> <!-- Begin function shake(n) { if (n==1) {document.body.bgColor = "#0000DA"; } else {document.body.bgColor = "#FF8C00" } if (self.moveBy) { for (i = 15; i > 0; i--) { for (j = n; j > 0; j--) { self.moveBy(0,i); self.moveBy(i,0); self.moveBy(0,-i); self.moveBy(-i,0); } } } } // End --> </SCRIPT>





Con este otro codigo cuando otra persona entre a la pagina automatícamente les va a vibrar la pantalla por unos segundos.




<!-- Mas trucos y scripts en http://fasetube.blogspot.com/ --> <script language="JavaScript1.2"> function tremer(n) { if (self.moveBy) { for (i = 10; i > 0; i--) { for (j = n; j > 0; j--) { self.moveBy(0,i); self.moveBy(i,0); self.moveBy(0,-i); self.moveBy(-i,0); }}}} tremer(10) </script><script language=javascript> function right(e) { if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)) return false; } else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3)) return false; } return true; } document.onmousedown=right; if (document.layers) window.captureEvents(Event.MOUSEDOWN); window.onmousedown=right; </script>






Boton para ir arriba y abajo

En estos codigos les muestro la opcion de ir arríba y abajo ejemplo un visitante esta en tu web y esta en la parte de abajo y quiere volver hacia arríba simplemente le da click a la flechita y lo pone al principio de la pagina recuerden cambiar lo que se encuentra marcado por su url o sus medidas


Este es para ir arriba :

<a href='#'><img style="position: fixed; bottom: 0pt; right: 0pt; width: 42px; height: 42px;" src="http://dl.dropbox.com/u/25944020/flecha.gif" title="Ir arriba" border="0" /></a>



Este es para ir abajo:

<a href='#footer-wrapper'><img border='0'
style='position:fixed; bottom:0; right:0;' src="URL de la imagen"
title="Ir abajo" /></a>








Eliminar navbar de blogger

Hola  no sé las condiciones de uso de Blogger si permiten hacer esto, El que use este truco, lo hará bajo su propio riesgo, aunque si tuvieran que dar de baja todos los que no la tienen, probablemente se quedarían sin blogueros. jajajaja






van a diseño y despues Edición de HTML
y Justo después de la etiqueta <head>, insertamos este código y la barra desaparece.


<style type="text/css">
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>












Etiqueta marque

La etiqueta marquee no sólo pueden contener textos, también pueden contener otros elementos, por ejemplo, imágenes, vínculos o tablas.
La etiqueta <MARQUEE> </MARQUEE> crea un contenido que se desplaza. Por defecto, ocupa todo el ancho de la pantalla, tiene una línea de altura y el texto se mueve lentamente de derecha a izquierda.aqui les muestro una variedad de marquesinas (Marquee).

<MARQUEE>....texto.....<MARQUEE>


....texto.....


Los atributos WIDHT y HEIGHT permiten controlar el ancho y el alto de la marquesina y pueden expresarse en pixeles o porcentualmente.


El atributo ALIGN permite alinear el texto que rodea la marquesina, y puede tener los siguientes valores: top (arriba), middle (centrado) bottom (abajo).


Los atributos HSPACE y VSPACE definen la separación horizontal y vertical del texto en los bordes de la marquesina:


<marquee width="50%" height="60" align="bottom">

... texto,fotos,ect....
</marquee>


... texto,fotos,ect....



El color de fondo puede establecerse con el atributo BGCOLOR o, utilizando el atributo STYLE, podemos establecer cualquier propiedad, de manera similar al resto de las etiquetas HTML:

ejemplo #ffffff es el color blanco ustedes lo pueden poner a sus gusto.(para gusto se hicieron los colores)

<marquee bgcolor="#ffffff">

... texto ...
</marquee>


... texto ...


Para controlar más efectivamente las marquesinas, existen una serie de atributos especiales:


DIRECTION se utiliza para modificar la dirección hacia la que se dirige el texto. Puede ser left (el valor por defecto), right, up o down:


<marquee direction="right">

... texto ...
</marquee>


... texto ...



Con el atributo SCROLLDELAY se define el tiempo entre cada movimiento expresado en milisegundos:


<marquee scrolldelay="300">

... texto ...
</marquee>


... texto ...


LOOP indica el número de veces que aparecerá el texto y por defecto, es infinito.


<marquee LOOP ="infinito">

... texto ...
</marquee>


... texto ...


Con SCROLLAMOUNT controlamos la cantidad de desplazamiento del texto en cada movimiento de avance. Cuanto mayor es el número, más rápido avanza:


<marquee SCROLLAMOUNT =" aqui va el numero">

... texto ...
</marquee>


... texto ...



Por último, el atributo BEHAVIOR (comportamiento) sirve para definir de que manera se va a efectuar el desplazamiento y puede tener los siguientes valores:


* scroll (valor por defecto), aparece por un lado, se desplaza hasta el otro, desaparece y vuelve a empezar

* slide aparece por un lado, se desplaza y se detiene (sólo funciona en Internet Explorer).
* alternate se desplaza alternativamente hacia un lado y el otro.

<marquee BEHAVIOR="scroll">

... texto ...
</marquee>


... texto ...



¿Podemos controlar una marquesina mientras se ejecuta? Aquí hay un ejemplo simple, mediante dos botones, logramos cambiarle la dirección:


<marquee id="ejemplo" direction="up">

  ... contenido ...
</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> ... contenido ... Hacia abajo Hacia arriba

... contenido ...


Hacia abajo


Hacia arriba



<marquee scrollamount="5" width="40"><<<</marquee >AQUI VA EL TEXTO<marquee scrollamount="5" direction="right" width="40">>>></marquee>

<<<AQUI VA EL TEXTO>>>



<marquee behavior="alternate"><marquee width="200">AQUI VA EL TEXTO</marquee></marquee>


AQUI VA EL TEXTO



<marquee direction="up" behavior="alternate" width="60%"><marquee direction="right" behavior="alternate">AQUI VA EL TEXTO</marquee></marquee>


AQUI VA EL TEXTO




<marquee behavior="scroll" direction="left" id="mymarquee">

<p>AQUI VA EL TEXTO</p>
</marquee>
<input onclick="document.getElementById('mymarquee').start ();" value="Start" type="button" />
<input onclick="document.getElementById('mymarquee').stop ();" value="Stop" type="button" />


AQUI VA EL TEXTO





<marquee>

<table align="center" border="1" width="100">
<tbody><tr><td>aqui va el texto</td>
</tr></tbody></table>
</marquee>


aqui va el texto



<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)"><center>aqui va el texto<br />aqui va el texto</center></marquee>


aqui va el texto
aqui va el texto




<marquee style="border: 1px solid BLUE;">Aqui va el texto</marquee>


Aqui va el texto


<marquee behavior="scroll" direction="up" 450="" height="100" width="200="> <img src="http://dl.dropbox.com/u/25944020/images11.jpg" _blank="" /><img src="http://dl.dropbox.com/u/25944020/images11.jpg" _blank="" /><img src="http://dl.dropbox.com/u/25944020/images11.jpg" _blank="" /> <!-- MARQUEE--> </marquee>





Esta es una marquesina con hipervinculo

<marquee scrollamount="3"> <a href="http://www.miespaciogratis.com/"> <img style="width: 304px; height: 149px;" src="http://dl.dropbox.com/u/25944020/images11.jpg" alt="" /> <!-- a--> <!-- marquee--> </a></marquee>




<marquee direction="right">

<img style="width: 108px; height: 57px;" src="http://dl.dropbox.com/u/25944020/Animated%20Gif%20Dogs%201.gif" /></marquee>





Etiqueta base

La etiqueta BASE es uno de esos códigos HTML que nunca tenemos en cuenta. Suena demasiado complicado y su definición parece oscura:

<base target="content" />

Establece el destino por defecto de los enlaces de una página web, fundamentalmente, cuando se utilizan frames.

Por otro lado, sabemos que agregando el atributo target="_blank" a cualquier enlace, se fuerza a que este se abra en una nueva ventana o en una nueva pestaña:

<a href="direccion_URL" target="_blank"> ENLACE </a>

Si quisiéramos que TODOS los enlaces de una página se abrieran en una nueva ventana pero no queremos agregar el atributo a cada uno de ellos, podemos establecer el valor de BASE para que lo haga.

Inmediatamente después de <head>, agregamos:

<base target="_blank" />

Mucha prudencia, esto afecta a TODOS los enlaces, incluyendo aquellos que utilizan JavaScript así que, su uso es bastante limitado






Html doctype Declaración

Un documento de HTML con un doctype de XHTML 1.0 de

Transición: ¡<! PÚBLICO de html de DOCTYPE "-// W3C // DTD
XHTML 1.0 // de transición EN"
"http: // www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html>
<cabeza>
<título> Título del documento </título>
</se dirigen>
<cuerpo>
El contenido del documento ......
</cuerpo>
</html>


Definición y Uso
La declaración doctype debería ser la primera cosa en un
documento de HTML, antes <html> etiqueta.
La declaración doctype no es una etiqueta de HTML; esto
es una instrucción al navegador de web sobre en que
versión de la lengua de margen de beneficio la página es

escrita.
La declaración doctype se refiere a una Definición de Tipo de Documento (DTD). El DTD especifica las reglas para la lengua de margen de
beneficio, de modo que los navegadores den el contenido correctamente.
Elementos de HTML/XHTML y DTDs válido
Miren todos los elementos

HTML/XHTML, y en qué DTD cada elemento aparece.

Doctypes Disponible en las Recomendaciones W3C

HTML 4.01 Estricto
Este DTD contiene todos los elementos de HTML y
atributos, pero no INCLUYE elementos relativos a la
presentación o desaprobados (como la fuente). Los
Framesets no son permitidos.



¡<! PÚBLICO DE HTML de DOCTYPE "-// W3C // DTD
HTML 4.01 // EN" "http: // www.w3.org/TR/html4/strict.dtd">


HTML 4.01 de Transición
Este DTD contiene todos los elementos de HTML y
atributos, INCLUSO elementos relativos a la presentación
y desaprobados (como la fuente). Los Framesets no son
ermitidos.


¡<! PÚBLICO DE HTML de DOCTYPE "-// W3C // DTD
HTML 4.01 // de transición EN" "http: // www.w3.org/TR/html4/loose.dtd">


HTML 4.01 Frameset
Este DTD es igual a HTML 4.01 de Transición, pero
permite el uso del contenido de frameset.


¡<! PÚBLICO DE HTML de DOCTYPE "-// W3C // DTD
HTML 4.01 Frameset // EN" "http: // www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Estricto
Este DTD contiene todos los elementos de HTML y
atributos, pero no INCLUYE elementos relativos a la
presentación o desaprobados (como la fuente). Los
Framesets no son permitidos. El margen de beneficio
ambién debe ser escrito como XML gramaticalmente
correcto.


¡<! PÚBLICO de html de DOCTYPE "-// W3C // DTD
XHTML 1.0 // estrictos EN" "http: // www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 de Transición
Este DTD contiene todos los elementos de HTML y
atributos, INCLUSO elementos relativos a la presentación
y desaprobados (como la fuente). Los Framesets no son
permitidos. El margen de beneficio también debe ser
escrito como XML gramaticalmente correcto.


¡<! PÚBLICO de html de DOCTYPE "-// W3C // DTD
XHTML 1.0 // de transición EN" "http: // www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">

XHTML 1.0 Frameset
Este DTD es igual a XHTML 1.0 de Transición, pero
permite el uso del contenido de frameset.


¡<! PÚBLICO de html de DOCTYPE "-// W3C // DTD
XHTML 1.0 Frameset // EN" "http: // www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1
Este DTD es igual a XHTML 1.0 Estricto, pero permite que
usted añada módulos (por ejemplo para proporcionar el
apoyo de rubíes a lenguas de Asia del Este).


¡<! PÚBLICO de html de DOCTYPE "-// W3C // DTD
XHTML 1.1 // EN" "http: // www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Notas
Miren todos los elementos
HTML/XHTML, y en qué DTD cada elemento aparece.
¡Use W3C's Validator para comprobar que usted ha
escrito el HTML válido / documento de XHTML!







Etiqueta meta

El tag META nos permite proporcionar información adicional sobre nuestra página y su contenido. Muchos buscadores usan esta información para crear sus índices. Es una buena idea saber cómo
usarlos y cómo agregarlos a nuestra web o blog.

Los elementos META deben ubicarse en el HEADER y su forma más simple es la
siguiente:


<META name='tipo' content='contenido' />


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


agrega un conjunto de metados de manera automática:


<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
especifica la
codificación y el tipo
<meta content='true' name='MSSmartTagsPreventParsing'/>
controversial atributo introducido por Microsoft
<meta content='blogger' name='generator'/>
indica al creador de la página web

 ubiquado  después del tag
<head>;:


<head>

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

META description está considerado como imprescindible, es el que utilizan los
buscadores y, muchas veces, es su contenido el que muestran como sumario de una página. Simplemente es un texto descriptivo del contenido de la
página (en este caso del blog entero) sin ningún tipo de restricción, aunque se
recomienda no incluir el título dentro del mismo. Qué y cuánto poner parece subjetivo,
unos dicen que deber ser conciso mientras otros dicen que debe ser amplio (hasta 150 caracteres). Su código es el siguiente:


<meta
name="description" content="... texto_personal ..." />

META keywords también está considerado como imprescindible, contiene palabras clave que sirven de referencia del contenido. Pueden colocarse hasta 1024 caracteres, separando cada palabra por medio de una coma o un espacio:

<meta name="keywords" content="... palabra, palabra, palabra ..." />

META refresh permite establecer cada cuánto tiempo (expresado en segundos) se recargará la página:

<meta http-equiv="refresh"content="segundos" />
con refresh también podemos redireccionar al usuario de una pagina a otra:

<meta http-equiv="refresh"
content="segundos;URL=http://www.xxxxx/index.htm" />

META Robots los robots son programas que usan los
buscadores para indexar las páginas (visitan y registran todos los vínculos en su base de
datos):

<meta meta name="robots"
content="TIPO" />

donde TIPO va a indicar cómo queremos que actuen los robots:content="all"
todas las paginas son indexadascontent="noindex,nofollow" no añade la página al motor de búsqueda
content="noindex,follow" no añade la página inicial pero si resto de lo enlaces
content="none" igual que el anterior
content="index,nofollow" sólo indexa la pagina inicial
content="index,follow" indexa la página y todos sus vínculos
(opción por defecto y la más utilizada)

El uso de META author, META copyright, META
date, META language y META rating es evidente:


<meta name="Author" content="... nombre_autor ..." />

<meta name="copyright" content="... texto_advertencia ..." />
<meta name="Date" content="... fecha ..." />
<meta name="language" content="es" />
<meta name="rating" content="general|mature" />
Hay más, estas, sólo las enumero a modo informativo ya que su aplicación
es bastante relativa:

META Cache-Control y
META Pragma evitan que la página sea guardada en la caché del usuario. La primera es de uso genérico y la segunda es para los navegadores Netscape. Son útiles cuando tenemos un sitio que se actualiza muy seguido pero sus resultados son poco fiables:


<meta http-equiv="Cache-
Control" content="no-cache" />

<meta http-equiv="Pragma" content="no-cache" />
META Expires permite la caché pero le da un tiempo, pasado este, obliga al navegador a cargar la página desde el servidor (la fecha debe estar en formato GMT):

<meta http-
equiv="Expires" content="... fecha ..." />
si se quiere que sea inmediatamente utilizar:

<meta http-equiv="Expires" content="0" />
recuerden que Incluir la description y keywords es casi obligatorio pero tengan en cuenta que el uso de palabras claves falsas para mejorar las estadísticas está considerado un fraude por los motores de búsqueda.

Las etiqutas meta.

Las etiquetas META se
utilizan para agregar información general sobre un documento o página web y están descriptas por la W3C.

Algunas, sólo son informativas, por ejemplo:


<meta name='title' content='miPaginaWeb' />
indica el título de nuestro sitio

<meta name='language' content='es' />

<meta http-equiv='content-language' content='Spanish' />
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
indican el lenguaje y la codificación de caracteres

<meta name='author' content='miNombre' />

<meta name='owner' content='miNombre' />
<meta name='copyright' content='Copyright blablabla 2009 -
Todos los derechos reservados' />
identifican al autor y el tipo de licencia

<meta name='distribution' content='global' />
indica si el contenido es global, regional o de uso interno
<meta name='rating' content='General' />

indica si el sitio es apropiado o no para menores (general | mature | restricted)

<meta name='generator'
content='blogger' />
identifica el servicio o programas de diseño que genera el código

Pero, lo más común es que escuchemos de ellas en referencia a los motores de búsqueda
y a su importancia en la indexación de nuestros sitios. En ese sentido, sólo hay tres etiquetas
META importantes:


keywords permite establecer una serie de palabras separadas por comas que le
indican a los motores de búsqueda cuáles son las que definen mejor el tipo de sitio que tenemos. Es indistinto si se usan mayúsculas o minúsculas.


Su efectividad está discutida, muchos dicen que los principales buscadores detectan y penalizan el abuso (listas demasiado largas o repetidas) pero tambien hay quienes entienden que ya no forma parte de los algoritmos y por lo tanto, esa etiqueta ha dejado de ser una herramienta útil.


Si la vamos a emplear, 20 o 30 palabras es más que suficiente:


<meta name='keywords' content="palabra1, palabra2 ..., palabraETC' />




data:newerPageTitle data:olderPageTitle data:homeMsg