Notis

Síguenos en Twitter: @teoria_blogger | Para tu blog, recomendamos: que el diseño no esté cargado, que las entradas no sean muy largas y que contengan imágenes. Para más consejos Click aquí | Pon un link de Teoría Blogger en tu blog!!! Click aquí. | Para cualquier duda o problema sobre tu blog, escríbenos en nuestro formulario de contacto.

sábado, 31 de diciembre de 2011

Las mejores plantillas de juegos

Concurrimos, una vez más, a Btemplates para buscar las mejores plantillas para blogs que se traten de juegos.
Plantillas de juegos para Bloggerhttp://btemplates.com/2011/blogger-template-blackgames/
http://btemplates.com/2011/blogger-template-gameszone/
http://btemplates.com/2011/blogger-template-playgames/
http://btemplates.com/2011/blogger-template-planetgames/
http://btemplates.com/2011/blogger-template-arcadegames/
http://btemplates.com/2011/blogger-template-racinggames/
http://btemplates.com/2011/blogger-template-actiongames/
http://btemplates.com/2011/blogger-template-mini-game/
http://btemplates.com/2011/blogger-template-game-strike/
http://btemplates.com/2011/blogger-template-super-mario/
http://btemplates.com/2011/blogger-template-suvgames/
http://btemplates.com/2011/blogger-template-gameworld/
http://btemplates.com/2011/blogger-template-gamehub/
http://btemplates.com/2011/blogger-template-ivideogames/
http://btemplates.com/2010/blogger-template-game-board/
http://btemplates.com/2010/blogger-template-new-games/
http://btemplates.com/2010/blogger-template-astronova/
http://btemplates.com/2010/blogger-template-gamester/
http://btemplates.com/2010/blogger-template-smart-game/
http://btemplates.com/2010/blogger-template-stargaze/
http://btemplates.com/2010/blogger-template-game-zone/
http://btemplates.com/2010/blogger-template-game-port/
http://btemplates.com/2010/blogger-template-provogue/
http://btemplates.com/2010/blogger-template-dangerous-games/
http://btemplates.com/2010/blogger-template-game-vision/
http://btemplates.com/2010/blogger-template-gamepro/
http://btemplates.com/2010/blogger-template-universe-wow/
http://btemplates.com/2010/blogger-template-guild-wars/
http://btemplates.com/2010/blogger-template-super-mario-land/
http://btemplates.com/2010/blogger-template-games-place/
http://btemplates.com/2010/blogger-template-marioland/
http://btemplates.com/2010/blogger-template-gamerpress/
http://btemplates.com/2009/blogger-template-gamezine/
http://btemplates.com/2009/blogger-template-mass-effect/
http://btemplates.com/2010/blogger-template-grunge-poker/

Para usar una plantilla en tu blog

Una vez que hayamos elegido la plantilla que nos gustó, vamos a descargarlo haciendo click en el botón "Download" y guardaremos un archivo que nos descargará como archivo .zip.Hacer click en Download para descargar el archivo .zipArchivo en formato Zip

Vamos a la carpeta Descargas (o carpeta que contiene el archivo .zip) y hacemos click derecho en ese archivo, y click en "Extraer aquí" (o "Extract Here")
Extraer archivos para el archivo XML
para descomprimir el archivo de formato XML, el archivo que subiremos a Blogger (esto es probable que aparezca dentro de una carpeta con el mismo nombre de la plantilla)

Vamos a Blogger → Plantilla → Botón, Edición de HTML [En la vieja interfaz, Diseño → Edición de HTML], hacemos click en y seleccionamos el archivo XML de la carpeta, que se puede ver en la imagen anterior. Hacemos click en http://www.blogger.com/img/blank.gif
Subir archivo XML a Blogger
Nota:
Para descomprimir el archivo .zip, es decir, hacer click derecho y "extraer aquí", debes tener instalado en tu ordenador un programa para descomprimir archivos o descomprensor. Puedes descargar Win rar o programas similares. No son muy pesados.
Para más info, click aquí: http://www.softonic.com/s/descompresor
Video explicativo
Ver video en Teoría Blogger videos | Ir a Teoría Blogger videos

sábado, 3 de diciembre de 2011

Etiqueta a - Crear enlaces (links)

Esta etiqueta es una de las más utilizadas ya que gracias a ella se crean los famosos enlaces o links. Los links nos enlazan o nos llevan a otras páginas al hacer click en uno de ellos.

Ejemplo

Un simple ejemplo, es el siguiente que nos llevará al inicio de esta página Teoría Blogger.

Sintaxis

Como siempre, remarcamos la sitaxis de cada etiqueta, es decir, cómo hacerlo, de qué se compone.
Para crear el link necesitaremos de:
- La etiqueta de apertura
<a>

- Dentro de la etiqueta pondremos el atributo href y dentro pondremos la URL de la página

<a href="http://teoriablogger.blogspot.com">

- El contenido que nos va a decir qué es el link.
"Teoría Blogger"

- La etiqueta de clausura
</a>

Código final

<a href="http://teoriablogger.blogspot.com">Teoría Blogger</a>

Atributos que más se usan

En la etiqueta <a> se usan los siguientes atributos:
Atributos

Muestra de sitaxis

ObligatorioFunción
href<a href="URL"/> Sin esto, no podemos indicar a qué página nos debe llevar el navegador.
target="_blank"<a target="_blank"/> NOCon este atributo podemos la página se abre en otra pestaña o ventana.
style<a style=""/>

id


<a id=""/>

class

<a class=""/>

title<a title=""/>

domingo, 11 de septiembre de 2011

Encuestas muy interesantes para tu blog

Seguramente la mayoría de los blogueros de Blogger, han puesto una encuesta en su blog con el gadget que nos ofrece Blogger. Si bien es una opción, existe una página que no sólo crea las encuestas, sino que también nos da la oportunidad de modificarlas y personalizarlas.
Encuestas en Blogger
Esta es la opción que nos ofrece Blogger
para insertar una encuesta en el diseño del blog

99polls es una página que nos permite crear encuestas flash. Dichas encuestas de dicha página, son simples, ya que cuentan con lo escencial: La pregunta, las opciones, un botón para votar y un botón de resultado.
También nos permite modificar sus colores (ya sean los de las letras, de las preguntas, de los bordes).
Una de las características, respecto de su función, es que sólo nos permite votar una sola vez. De ninguna manera se puede votar dos veces (salvo que tengamos dos ordenadores).

Crear encuestas gratis y eficientes1- Vamos a 99polls.com
2- Damos clic a Registrarse
registrarse en 99polls.com
4- Llenamos el simple formulario y damos clic en donde dice "Para hacer su primera encuesta Hacer clic acá" (como se ve en la siguiente imagen).Crear nuestra primer encuesta
5- Ahora vamos a elegir las funciones de la encuesta:
a) Allí elegimos el diseño (Tema) de la encuesta, entre la gran variedad que se nos presenta.
b) El ancho de la encuesta (recuerda que los números son en píxeles).
c) El color del fondo con código hex. O también puedes cambiarlo con la paleta que nos ofrece.
d) La pregunta la cual vamos a interrogar a los lectores
f) Las respuestas que nos van a dar los lectores (hay un límite de hasta 9 respuestas). Además nos da la opción que asignarle una imagen para cada encuesta.
g) Luego nos da la opción de elegir si queremos que nuestra encuesta aparezca en el listado de encuesta de 99polls.com o no.
h) Aquí van una especie de etiquetas o tags que se ponen para que sea más facil la búsqueda de tu encuesta.
Personalizar tu encuesta
6- Una vez hecho todo, hacemos clic en el botón guardar y luego nos aparecerá la página en la que nos aparece el código para insertar lo en el sidebar o en un post.
Lo copiamos y lo pegamos en donde quieras (los sectores ya nombrados).
Copiar el código de la encuesta y pegarla en un post o el sidebar
7- Para insertarlo en tu blog debemos ir a Blogger y debemos elegir entre publicarlo en una entrada o en un gadget.
Si es en una entrada vamos a Creación de entradas → Nueva entrada → Y lo pegamos en el editor de entradas. Luego lo publicamos.
En cambio, si es en un gadget, vamos a Diseño → Elementos de la página → Añadir un gadget → Elegimos el gadget de tipo HTML/Javascript y lo pegamos allí. Luego lo guardamos.

Crear un diseño para tu encuesta

Cuando creamos la encuesta, en el paso 5- a, elegimos el tema para la encuesta. Las opciones son variadas, pero puede pasar que no estemos satisfechos con algún diseño y queremos que tenga los colores que nosotros queramos.
Para eso vamos a la solapa "Mis Temas" que aparece en la siguiente imagen:
Mis temas
Una vez que entramos en la solapa Mis Temas, hacemos clic en donde dice "Para hacer su primer tema Hacer clic acá".
Crear el primer tema
Allí tenemos todas las opciones para modificar o crear tu tema para tu encuesta.

Consejo
Puedes crear un tema que tenga los colores de tu blog para que tenga la misma temática de éste.

sábado, 10 de septiembre de 2011

¿Cuántas entradas tiene tu blog?

Este truco consiste en un gadget que mediante un script, puede mostrarte la cantidad de entradas publicadas en tu blog.
Es una pequeña función que a pesar de que es lo único que muestra, se actualiza sólo. Es decir, una vez que publiquemos más entradas no hay que modificar nada.
Cantidad de entradas en gadgetVamos a Blogger → Diseño → Elementos de la página → Añadir un gadget → Seleccionamos el tipo de gadget HTML/Javascript y pegamos el siguiente código:
Este blog tiene &lt;script style="text/javascript"&gt;
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}&lt;/script&gt;
&lt;script src=http://tublog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount&gt;
&lt;/script&gt; entradas
Lo que hay que modificar es lo que está escrito en verde, allí tenes que asignar tu dominio blogspot; y lo que está escrito en rojo, allí tenes la opción de elegir si querés borrar o no el mensaje para que aparezca el número en una frase.
Por ejemplo "Este blog tiene ..... entradas"

viernes, 2 de septiembre de 2011

Etiqueta hr

La etiqueta <hr> se indica cuando se quiere llevar a cabo una línea horizontal para separar un texto con otro. El uso frecuente de esta etiqueta en un solo post o página puede resultar desprolijo e innecesario.

Sintaxis

Para determinar esta línea horizontal vamos a escribir solo una etiqueta: <br/>. ¿Por qué no usamos dos etiquetas, la de incio y la de final? Porque esta etiqueta no encierra un contenido de ninguna manera.
<hr/>
El resultado de esta etiqueta nos da una barra horizontal como esta:

Atributos que más se usan

Atributos
Muestra de sitaxis
style<hr style=""/>
id
<hr id=""/>
class
<hr class=""/>
width
<hr width=""/>
align
<hr align=""/>