1

MANUAL PARA GANAR ALGO DE DINERO POR INTERNET 2ª parte.

lunes, 24 de septiembre de 2012.

En el manual anterior os hablaba de cómo ganar dinero por internet con vuestro espacio web (blog, foro, web, etc.), o lo que es más técnico Ganar dinero como WebMaster.

Hoy quiero hablaros de que hay otra forma para ganar dinero, simplemente navegando por Internet como un usuario más de la red.

Hay dos maneras:

A través de un Surfbar, que es una ventanita de publicidad que se adapta a la parte inferior de nuestro escritorio y donde irán apareciendo diversos anuncios publicitarios, cuanto más tiempo estés con el ordenador encendido más dinero ganas.

images

Yo os recomiendo 20dollars2surf.com pago mínimo de 20$ por PAYPAL. No es mucho, pero un poco de aquí y otro de allí se convierten en algo más grande y no molesta nada a la hora de seguir utilizando el ordenador de forma normal.

Esta empresa también os da la posibilidad de jugar gratis diariamente en una ruleta y un bingo, donde podréis llegar a ganar 1$ diario en cada uno de los juegos.

beruby

Y la otra manera es visitando páginas web, existen portales que te pagan por visitar las empresas que en ellos se anuncian, yo os recomiendo BERUBY.COM que además de ofreceros la posibilidad de ganar dinero visitando páginas, una vez al día, también ofrece cupones descuentos y descuentos directos a sus socios en importantes empresas de ámbito nacional e internacional.

BERUBY.COM pago mínimo 15€ por PAYPAL.

Bueno y eso es todo por ahora, ya os he explicado cómo se puede ganar dinero por internet de las dos formas, como WebMaster o como un Usuario más de la Red. Espero que os sirva y ya sabéis si necesitáis cualquier tipo de ayuda o explicación no dudéis en preguntarlo.

Salud@s.

Leer Más...
0

MANUAL PARA GANAR ALGO DE DINERO POR INTERNET

sábado, 22 de septiembre de 2012.

Que nadie se piense que va hacerse rico con esto, pero si entre todos nos ayudamos podemos conseguir algo de dinero que en los tiempos que corren a todos no vendrán muy bien.

Lo primero que necesitamos es una cuenta bancaria donde nos ingresaran el dinero, un consejo abrir una cuenta nueva, en un banco con no tengáis ningún tipo de contacto hasta ahora, tener en cuenta que los datos bancarios tendréis que facilitarlos a las agencias para que os paguen.

También os aconsejo que abráis una cuenta PAYPAL, no busquéis el enlace en los buscadores, teclearlo directamente en la barra de dirección, hay muchas paginas piratas que se dedican a recopilar vuestros datos bancarios para estafaros o robaros la cuenta PAYPAL. Lo que tenéis que teclear es PAYPAL.COM y así iréis directamente.

Una cuenta PAYPAL es la que sirve de intermediario entre vuestro banco y la agencia pagadora, ocultando vuestros datos bancarios, solo rellenáis el formulario y dais vuestro correo electrónico, Email. A partir de ese momento, cuando una empresa acepte pagar por PAYPAL solo tendréis que dar vuestro correo y listo, cobrareis por ahí y luego lo podréis transferir a vuestra cuenta o lo utilizáis para gastarlo en vuestras compras por internet.

Lo segundo será una cuenta con GOOGLE que se consigue abriendo un correo en GMAIL. Este será vuestro principal correo.

Y un correo basura, con cualquier otro, yo os aconsejo HOTMAIL, que utilizaremos para promocionarnos y así ganar mas dinero.

Para poder tener abiertos ambos correos a la vez, podéis usar WINDONS LIVE EMAIL, una gran herramienta que os permite abrir todos vuestros correos a la vez y así no perder ninguna información.

Lo tercero será un espacio WEB, yo os aconsejo que abráis un blog en BLOOGER, sobre cualquier tema, los mas populares son las descargas directas de cualquier tipo, música, libros, juegos, programas, etc. … y la pornografía y erotismo. Pero sirve cualquier tema.

Una vez abierto nuestro blog (pondré un manual de como abrir un blog en BLOOGER) nos vamos a la opción de MONITORIZAR o INGRESOS y seguís los pasos para registraros en ADSENSE, que es la agencia de publicidad de GOOGLE y automáticamente vuestros blog generan un ingreso cada vez que alguien pinche en la publicidad.

Tanto GOOGLE, BLOOGER y ADSENSE, utilizaran la cuenta de correo GMAIL que abristeis anteriormente, con lo que no tendréis que registraros de nuevo.

Y así es como se empieza a ganar dinero por internet.

Ahora solo os queda promocionar vuestro blog, a través de redes sociales, foros, comentarios en otros blogs, intercambios de links, etc. … El tema de la promoción os lo explicare en profundidad mas adelante.

Solo me queda desearos suerte a todos y si tenéis dudas dejar un comentario en esta entrada y estaré encantada de ayudaros.

Salud@s.

Leer Más...
0

Pasar de Wordpress a Blogger–Partir el archivo de mas de 2 mb.

sábado, 15 de septiembre de 2012.

Una de las cuestiones que más trae de cabeza a cualquier usuario de WordPress a la hora demigrar de servidor es el asunto de la exportación de los posts, más en concreto la importación de los mismos. Esto es debido a las limitaciones por defecto de los servidores, incluso WordPress, a la hora de importar ficheros grandes, que pasen de los 2 Mb. No digamos si tu WordPress es veterano y tienes un archivo exportado de decenas de megas.

A lo largo de varios artículos hemos ofrecido varias posibles soluciones a este problema, unas veces modificando el comportamiento del servidor, importando la base de datos, haciendo apañose incluso cortando en trozos el fichero de exportación. Hasta hicimos la guía de backup de WordPress (ahora incompleta) .

Porque exportar tu WordPress es fácil, solo tienes que acceder a la sección de “Herramientas -> Exportar“, y generará un fichero con todos tus posts, comentarios, categorías, tags. Lo malo es importar, no digamos si trabajamos con un WordPress Mu, donde tanto tablas como ficheros de exportación pueden llegar a unos tamaños considerables.

Quizás la mejor solución sea olvidarse de este tipo de ficheros que genera WordPress y usar laexportación-importación de la base de datos, lo que pasa es que en ocasiones es mejor usar el fichero de WordPress, sobre todo cuando quieres realizar una migración limpia, solucionando errores en tablas de la base de datos. A fin de cuentas solo pierdes la información que guardan los plugins, y salvo que uses muchas encuestas o descargas mediante plugin no suele ser algo vital.

Pues si este es tu caso hay buenas noticias. Apunta este plugin: Advanced Export for WP & WPMu. Esta pequeña maravilla permite crear varios ficheros de exportación, divididos por secciones:

  • Rango de fechas (por inicio y fin de mes o año)
  • Autor – Igual que en la utilidad de exportación de WordPress
  • Categoría – Exportar una categoría específica
  • Tipo de contenido – Y puedes elegir entre posts o páginas
  • Estado del post – Pudiendo elegir entre Borrador, Publicado, Programado o Privado

advanced-export

¿A que la cosa cambia?. Y lo mejor de todo es que puedes combinar varias de las opciones, con lo que es aún más potente.

Eso si, mientras no configures nada el sistema de exportación funciona como el de WordPress. Para ponerlo a tu gusto, para exportar con criterio, tienes que ir entonces (una vez instalado y activado el plugin) a “Herramientas -> Advanced Export” y ahí definir como quieres exportar

Leer Más...
0

Insertar un foro en Blogger

miércoles, 5 de septiembre de 2012.

Por el momento Blogger no brinda la posibilidad de incorporar un foro en el blog, entonces recurrimos a sitios externos para cargar nuestro espacio.

Hace poco me topé en Redeando con Nabble, un foro gratuito, que a diferencia de otros, es sencillo y se puede incorporar en el blog. ¿Quieres ver un ejemplo? sigue el enlace.
Antes que nada hay que registrarse en Nabble y crear el foro.

Iniciemos cambiando la apariencia, pero eso queda a tu gusto, así que dirígete al menúOpciones y elige Cambiar apariencia:

Por mi parte lo que hice fue ocultar el footer de la página, los iconos y personalizar la descripciones con CSS:

También oculté el título y la barra de búsqueda:

Lo segundo sería darle la estructura de un verdadero foro, es decir, organizarlo por categorías. Para ello ubícate en la página principal del foro, haz clic en el menúOpciones, elige Aplicación, luego en Cambiar el tipo de aplicación:

Posteriormente escoge Categoría y guarda los cambios, esto hará que el foro se organice de ese modo.

Lo que resta ahora es crear dichas categorías, para ello dirígete de nuevo a Opciones, esta vez elige Estructura y luego en Crear nuevo subforo:

Rellena los datos de la nueva categoría y guarda los cambios:

Repite los mismos pasos para cada categoría que vayas a crear y obtendrás algo como esto:

Lo que resta son esos pequeños detalles, pero para no alargar el post te lo dejo de tarea, como ordenar las categorías (Opciones > Estructura > Administrar subforos) personalizar el avatar y la firma de tu cuenta (TuNick > Configuración de la cuenta), cambiar los permisos (Opciones > Usuarios > Permisos), etc.
Ahora lo que toca hacer es incrustarlo en el blog, para ello debes dirigirte otra vez al menú Opciones, elegir Opciones de integración, copiar el código y pegarlo en alguna entrada, página o sección de tu blog:

Lo que sigue es llenarlo con temas, pero eso ya es trabajo de los usuarios xD

Leer Más...
0

Hacer juegos Flash en un flash

domingo, 27 de mayo de 2012.

Crear un juego no es para nada fácil, es por eso que se usan decenas de programadores y millones de dólares. Y aún si es un proyecto independiente, requiere de mucho tiempo y dedicación. A menos claro, que estén usando la aplicación gratuita StencylWorks, que permite crear juegos Flash sin tener que saber nada de programación. Este programa permite crear escenas con escenarios y actores para luego darle comportamientos a cada uno.Se trata de una herramienta muy simple, con un nivel de complejidad sin límite. Puedes crear un juego tan complejo o simple como quieras.

 

Aunque hacer juegos AAA es prácticamente imposible sin el dinero y el conocimiento necesario, hemos visto una buena cantidad de herramientas que te permiten crear tus propios juegos de plataformas o aventuras gráficas sin tener que saber sobre programación. Algo similar ocurrió con GameBrix, que te permitía crear juegos Flash, sin un mayor requerimiento que ganas de experimentar. El problema, es que se trataba de un servicio pago. Para quienes buscaban una alternativa gratuita, podemos recomendarles StencylWorks, una herramienta para “hacer juegos Flash en un flash”.

Lo primero que debes hacer, es descargar el cliente gratuito de 40MB e instarlarlo. Luego te registras, un proceso que no toma más de cinco minutos y, ya dentro, podrás elegir hacer el tutorial, que tiene una duración de 30 minutos y te explica los conceptos básicos, además de acostumbrarte a las varias herramientas que estarás utilizando para hacer tus juegos. Al terminarlo puedes pasar a trabajar en tu juego. Lo primero que te preguntará es el tipo de juego que quieres hacer, para lo que ofrece una  buena cantidad de géneros, como acción y aventura, shooter espacial, juego de puzzles, entre otros. Sino también tienes la posibilidad de empezar desde cero. El segundo paso inicial es elegir el nombre, una descripción, con la que los usuarios identificarán tu juego en los diferentes portales y el tamaño de la pantalla.
Una vez terminado el proceso inicial, tendrás acceso al programa en sí, el cual es muy fácil de entender a primera vista, gracias a la barra de la izquierda, que divíde los diferentes aspectos que componen al juego. Aquí puedes encontrar a los actores, es decir los personajes; los fondos, las tipografías, las diferentes escenas, los sonidos y los comportamientos para los actores y las escenas. Ya sea para los actores o los escenarios, el programa incluye una buena cantidad de elementos que puedes utilizar, también puedes crearlos e importarlos o buscarlos en la web y llevarlos al programa.

La excelente organización permite entender rápidamente los varios conceptos. - StencylWorksLa excelente organización permite entender rápidamente los varios conceptos.

Una vez que tienes tus actores y tus escenarios, creas escenas. Ubicas cada uno en su posición inicial y luego pasas a darles comportamientos. Esto dictará lo que pueden hacer y lo que no en cada escena particular. Aquí pasas probablemente al sistema más complejo de Stencyl, pero es simplificado con una interfaz que te permite arrastrar comportamientos predeterminados y hacer las combinaciones que quieras. Mediante este simple sistema puedes darles comportamientos a actores, activar sonidos en momentos específicos, hacer aparecer texto, saltar a otras escenas y muchas cosas más.
Y como si la barra de la izquierda no mantuviese todo organizado, Stencyl también hace uso de pestañas para que cada vez que abras una ventana, puedas volver rápidamente a la pantalla principal y alternar entre ambas. Esto permite un alto grado de comodidad y velocidad, porque si quieres, hasta puedes trabajar en dos niveles diferentes simultáneamente.

La simple interfaz de comportamientos, permite hacer cosas complejas. - StencylWorksLa simple interfaz de comportamientos, permite hacer cosas complejas.

Stencyl no quiere decir que podrás hacer un juego en tan solo unos minutos, sino que es una fantástica y profunda herramienta para simplificar el proceso. Puedes pasarte horas o cinco minutos haciendo las animaciones de un personaje o dirigiendo escenas que se verán en el juego. Y esa es la maravilla de Stencyl, no el hecho de que, si quieres, puedes hacer un juego en 20 minutos, sino que da lugar para pasarte días perfeccionando el diseño de tu propio juego. Es muy simple de usar, pero permite hacer cosas muy elaboradas. Cuando terminas tu juego puedes publicarlo, ya sea en redes sociales, tu sitio y, principalmente, en el sitio oficial de Stencyl, donde puedes ver todos los juegos. Aquellos que están terminados o los que todavía están en progreso. O simplemente exportarlo como un archivo SWF y tenlo en tu ordenador. Stencyl se encuentra disponible para Windows y MacOS X, y puedes descargarlo aquí.

Leer Más...
0

SEO: Palabras Clave o Keywords

domingo, 22 de abril de 2012.

Curso de iniciación al SEO y el posicionamiento en buscadores.  Este primer capítulo trata de las Palabras Clave o Keywords.

 

Qué son las Palabras Clave

Cuando decimos que queremos salir en las primeras posiciones de Google, en realidad nos referimos a salir en las primeras posiciones cuando se buscan unas determinadas palabras. Esas palabras son las que usa la gente para localizarnos y se llaman Keywords, o Palabras Clave.

O sea:

Los Keywords son las palabras que definen la actividad de nuestra web.

La Guerra de las Palabras

Cuando hay más de una página cuya actividad se define mediante las mismas palabras clave que la nuestra, entramos en competencia directa por esas palabras.

Por eso, antes de realizar ninguna acción de SEO tenemos elaborar una estrategia, basándonos en unos estudios de preparación:

  • El primero, elaborar nuestra lista de keywords o conjuntos de keywords naturales, es decir los que simplemente definen nuestra actividad y nos serían útiles en un mundo ideal, sin competencia.
  • El segundo estudio consiste en observar quién es nuestra competencia, teniendo muy en cuenta que difícilmente podremos competir con determinadas páginas. También debemos investigar cómo las empresas de la competencia están “atacando” esas palabras. Esta investigación se puede hacer manualmente, web por web, o utilizando una herramienta que automatice ese trabajo (Por ejemplo, IBP/Arelis)
  • Cuando tengamos claro como está la situación, debemos definir una estrategia de Posicionamiento en función de cuales son nuestros keywords, y cuales son los keywords de la competencia, y qué oportunidades intuimos que podemos tener.

La intuición no siempre funciona, pero es importante confiar en ella cuando planificamos una estrategia. En el caso de este blog, renuncié a atacar la palabra “SEO” o “Google”, porque el blog es nuevo y hay muchos competidores (y muchos de ellos lo hacen muy bien, casi diría que son insuperables, al menos para mí).

Intuí que lo tendría muy difícil. Por eso decidí atacar un nicho local, mucho más sencillo, que me fuera útil para llegar a lo que yo pienso que son mis clientes potenciales.

Mi estrategia de keywords son varias frases y variaciones alrededor de “Posicionamiento Barcelona”. Espero que no se note demasiado, lo más bonito de un trabajo de SEO es que no se note.(Corrección: miento como un bellaco, lo más bonito es salir el primero)

Búsqueda de buenos Keywords

Si nuestro keyword principal es “diapasón efervescente”, probablemente tengamos menos competencia que si es “diseño web”. Obvio.

Si estimamos que la competencia puede ser pequeña, o encontramos un conjunto de nichos que creemos que pueden ser interesantes, podemos utilizar la simple observación de los resultados de búsqueda para hacernos una idea de por donde van los tiros.

Si hay mucha competencia por nuestros keywords, necesitaremos la ayuda de algunas herramientas que automatizan la observación de los resultados de búsqueda y otras tareas como el análisis.

Una herramienta interesante para encontrar palabras clave es, como su nombre indica, laHerramienta para palabras clave de Google. Los resultados que ofrece se basan en las estadísticas que Google obtiene de su sistema de anuncios patrocinados, Google Adwords.

Densidad

En este momento, y para terminar por hoy, creo que se hace interesante la introducción de un concepto estadístico sobre los Keywords que se llama Densidad. La densidad de keywords es un número que nos indica el volumen de apariciones de keywords hay en una página web respecto a su volumen total de palabras.

La densidad de Keywords debe calcularse página por página, y no debe aumentarse de manera que parezca artificial. Queda feo, y Google no confía en densidades fuera de lo normal. Hay que encontrar un balanceo razonable, si en nuestro sesudo artículo sobre abejorros la palabra abejorro no aparece o lo hace solo una vez, Google se quedará sin “entender” que estamos hablando de abejorros.

Para calcular la densidad de keywords os recomiendo usar una herramienta al efecto, por ejemplo esta:





http://www.seochat.com/

Leer Más...
0

Cómo crear dos columnas de posts en Blogger

sábado, 21 de abril de 2012.

Este mini-tutorial nace a partir de una pregunta vía e-mail. No se trata de dividir un post en dos columnas, sino de mostrar dos columnas de posts en vez de una. Puede ser muy útil para cambiar la forma en que se muestran los posts en la página principal y, en especial, para crear la base de una plantilla tipo Magazine como Turnoutmag.

posts-blogger

Empecemos con el experimento:

1. Lo primero, es añadir el script “leer más con thumnails” y guardar los cambios. Como siempre, es recomendable descargar y realojar el archivo summary-post-v20-test.js. Si no, podría dejar de funcionar en cualquier momento.

2. Configura las opciones del script del siguiente modo: summary_noimg = 300; summary_img = 230; img_thumb_height = 60; y img_thumb_width = 60. En realidad, puedes elegir las proporciones que quieras pero, para este experimento, yo elegí éstas.

3. Amplía los contenedores de tu blog: el #main-wrapper debe tener al menos 580 píxeles de ancho, y el #outer-wrapper debe tener como ancho mínimo la suma del ancho del #main-wrapper con la del #sidebar-wrapper. Seguramente, también vas a tener que ampliar los contenedores #header-wrapper y #footer-wrapper para que sigan en concordancia con el diseño.

4. Ahora, busca la siguiente sección en tu plantilla:

]]></b:skin>

Justo debajo, añade:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>   .post {
border:1px solid #BFBFBF;
float:left;
height:300px;
width:260px;
margin:7px;
padding:0px 5px 5px 5px;
overflow:hidden;
}   </style>
</b:if></b:if>

Lo anterior corresponde a estilos condicionales para la página de inicio. Se trata simplemente de especificar el alto y el ancho de los posts. En esta sección, también puedes añadir más estilos condicionales para el home (puedes ayudarte de la chuleta que creóFrancisco). Así, por ejemplo, puedes cambiar el color del título de los posts o modificar el tamaño del texto en las entradas.

5. Detalles adicionales

a) Seguramente, vas a necesitar limpiar la flotación de los links de navegación:

#blog-pager {
clear: both;
}

b) Puedes adornar con CSS el enlace “Leer más”:

.rmlink {
background: #CA8398;
padding: 2px 5px;
}
.rmlink a:link, .rmlink a:hover, .rmlink a:visited{
color: #FFF;
}

c) En Formato, necesitas cambiar el número de entradas a mostrar a un número par (idealmente 8, 10 ó 12).

Consideraciones finales:

Es una técnica muy sencilla, que puedes adaptar a tus necesidades y “adornar” con un poco de CSS y HTML:


  • Puedes modificar los metadatos (fecha, autor, enlace de los comentarios), cambiándolos de lugar, añadiendo o quitando texto, o utilizando íconos para destacarlos.
  • Seguramente, notarás que la fecha queda flotando arriba de uno o varios posts, por lo cual puede ser algo molesto y poco estético. Opta por ocultarla desde la secciónElementos de la Página, y usa en su lugar el fomato de la hora. También puedes moverla manualmente desde la edición de HTML, aunque puede ser más complejo si no estás familiarizado con la estructura de una plantilla Blogger.
  • Si amplías más los contenedores de la plantilla, y reduces el tamaño de los posts en la página principal, puedes crear tres o más columnas de posts sin necesidad de retocar nada más. Inclusive, puedes llegar a crear galerías de imágenes modificando las propiedades del script.
  • Si antes del contenedor #main-wrapper añades un plugin jQuery para crearslideshows, y complementas la técnica poniendo columnas en el footer y arreglando tu sidebar con widgets y más columnas, puedes tener una perfecta plantilla tipo magazine. Todo está en entreverse a jugar y experimentar un poco.
Leer Más...
0

Clickbank–Una empresa de Marketing de afiliados

Las posibilidades de ganar dinero con clickbank son muchas, pero hay que trabajar duro y ser persistente.

Trucos Avanzados de Clickbank:

  • Crea un cuenta en Clickbank
  • Elije un producto con más de 100 de Gravity y que te deje al menos u$s 25 por venta.
  • Analiza bien la página de venta del producto. Asegúrate que está bien diseñada y que no tenga elementos que puedan disipar tus ganacias.
  • Haz algo de Keyword research. Selecciona las que tengan entre 1500 a 10000 búsquedas.
  • Compara tu selección de claves con las que utiliza tu competencia y filtra tu lista descartando las keywords de alta competitividad. Selecciona al menos 5 claves.
  • Crea un blog, escribe una revisión del producto y agrega tu link de afiliado.
  • Escribe una entrada por cada keyword que seleccionaste que dirijan el tráfico del blog a la revisión.
  • Comparte tu blog en 5 sitios de marcadores sociales.
  • Deja algunos comentarios en blogs y foros relacionados con tu producto.
  • Crea un video con la dirección de tu blog y súbelo a sitios de videos.
  • Ingresa a tu cuenta de clickbank, elige tu método de pago favorito y recibe tu dinero.

Cómo último truco de clickbank, y más importante de todo, sólo haz algo de brainstormig y adapta estos trucos a tu propia estrategia.

Leer Más...
0

Marketing de Afiliados en Blogger

Una buenisima manera de ganar dinero por Internet sin que te cueste un duro:

Una vez mas les traigo un Tutorial para Blogger. Este tutorial consiste en "clonar" las paginas de productos, para que las promociones desde un blog de Blogger.
Gana dinero con sistemas de afiliados como Clickbank, Plimus, venta de hosting.
Lo que hacemos, es poner un iFrame en un blog, y dentro del iFrame poner tu link de afiliado.
Aquí les dejo unas paginas DEMO:
Por esejoker468:Micro nichos rentables | Afiliados y adsense
por trabajosweb: Posicionamiento Orgánico
(las paginas traen link de referido, si alguien compra, automáticamente te dan tu comisión, pueden revisar codigo fuente y comprobar que el enlace es de referido)
Como puedes ver, son .blogspot.com
La ventaja es que no debes invertir nada, en dominio ni hosting.
Debo ser sincero, y esta clase de blogs es muy difícil posicionar, ya que carecen de texto, pero con mucho trabajo y promoción del mismo, se pueden obtener buenos ingresos.
Bueno, pues sin mas preámbulos, aqui les dejo el Tutorial para Ganar dinero con marketing de Afiliados.
Crea un blog en Blogger: como ya debes saber, en el nombre del blog, debe ir la Keyword con la que te quieras posicionar, para que esto te ayude, aunque sea poco en el trabajo de posicionamiento.
Ve a Diseño > Edicion HTML: despues de crear el blog, no le metas contenido ni nada, no es necesario.
Ve y busca esta linea de codigo presionando Ctrl+f:

Código HTML:

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

Borra todo el código que sigue de esa linea.
OJO: no borres esa linea, solo el código que sigue, TODO EL CODIGO QUE SIGUE.
Copia y pega el siguiente código: después de haber borrado todo el código que sigue de esa linea, pega el siguiente (abajo de esa linea anterior)

Código HTML:

<title>TITULO DE TU BLOG</title> 
<meta content='DESCRIPCION DEL BLOG' name='description'/>
<meta content='PALABRAS CLAVE (separadas pro comas ",")' name='keywords'/>
<meta content='global' name='distribution'/>
<meta content='10 days' name='revisit'/>
<meta content='10 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='TUNOMBRE' name='author'/>
<meta content='es' name='language'/>
<meta content='blogger' name='generator'/>

<b:skin><![CDATA[

]]></b:skin>

<b:template-skin>

<![CDATA[

]]></b:template-skin>

</head>
<frameset rows='100%'>
<frame frameborder='0' noresize='noresize' src='URL DE AFILIADO DE CLICKBANK O CUALQUIER OTRA EMPRESA DE AFILIADO' title='AQUI EL TIULO DESCRIPTIVO DE TU BLOG'/>
<noframes>
<body>
<h1>AQUI UNA DESCRIPCION DEL PRODUCTO</h1>
<p><a href='URL DE AFILIADO DE CLICKBANK O CUALQUIER OTRA EMPRESA DE AFILIADO'>AQUI LA URL DE TU BLOG</a></p>
</body>
</noframes>
</frameset>
</html>

Después, rellena todos los datos ahi.
En el Titulo y Descripción debes incluir las Keywords que quieras posicionar.
Después, le das Guardar, y listo! ya tendrás tu blog para ganar dinero con marketing de afiliados!
espero y les guste este Tutorial, es muy simple, pero puede ser de ayuda para muchos. Pueden promocionar sus blosg en foros de su nicho, ya que no se darán cuenta de que es link de afiliado, parece un blog normal por la dirección .blogspot.com
Para hacerle PING al blog y sea indexado, puedes hacerlo con estas paginas, aunque no es necesario darle ping, Google lo indexa muy rápido:
pingomatic.com
totalping.com
pingoat.com
googleping.com

Fuente: http://forobeta.com/tutoriales-de-blogger/92839-ganar-dinero-marketing-de-afiliados-blogger.html

Leer Más...
0

Poner fondo en blogger desde la plantilla

viernes, 20 de abril de 2012.

1. Ir a diseño de la plantilla. Después clic en Edición de HTML (no Expandir plantillas de artilugios) y buscas lo siguiente:
body {
background:$bgcolor;
...
}
2. Tendrás que agregar después de background:$bgcolor lo siguiente (lo que está de color azul):
body {
background:$bgcolor url(http://Aquí la direción de la imagen) fixed no-repeat top left;
...
}
Explicación:
- El valor no-repeat, la imagen no se repite. Además podemos cambiarlo por otros valores como repeat-x, repetirá la imagen horizontalmente mientras que el valor repeat-y, repetirá la imagen verticalmente y si se especifica repeat, la imagen se repetirá horizontal y verticalmente.
- El valor fixed, la imagen se desplazará con el contenido o será fija.
- El valor top left, la posición de la imagen.
Nota: La imagen debe ser grande, tipo wallpaper, el cual tienen un ancho de 1024 pixeles (px) y un alto de 685 px aproximadamente.

Leer Más...
0

Centra imagen y texto en la cabecera de blogger

Cuando subimos una imagen a la cabecera de nuestro blog se puede presentar uno de estos casos:

  1. Que la imagen sea más ancha que la cabecera: En esta caso la imagen se saldrá de la cabecera, y por tanto se debe descartar.
  2. Que la imagen tenga el mismo ancho de la cabecera: En este caso la imagen encajará perfectamente, y es una imagen que se puede aceptar ya que no afectará la simetría del blog. Es la opción ideal.
  3. Que la imagen sea menos ancha que la cabecera del blog: En esta caso la imagen nos aparecerá, por defecto, en el lado izquierdo. Si queremos que, para un mejor diseño, la imagen aparezca en el centro de la cebecera, debemos efectuar las siguientes modificaciones en nuestra plantilla (tomando como ejemplo un blog diseñado con el Nuevo Diseñador de Plantillas, y la plantilla Picture Window):

Vamos a Edición de HTML:

Página principal ► Diseño ► Edición de HTML ►

Acceso aEdición de HTML

  • Sin expandir plantillas de artilugios vamos a la sección CSS de la cabecera, e inmediatamente debajo de la siguiente línea:

    /* Header
    ----------------------------------------------- */

    ...pegamos este código:

    .header .widget {
    margin-top: 4px;
    margin-bottom: 4px;
    width: 663px;
    padding: 0 95px;
    }

    • margin-top: 4px; corresponde a la distancia de la imagen al borde superior de la cabecera.
    • margin-bottom: 4px; corresponde a la distancia de la imagen al borde inferior de la cabecera.
    • width: 663px; corresponde a una imagen con 663 pixeles de ancho.
    • padding: 0 95px; corresponde a la distancia entre la imagen y los bordes laterales de la cabecera.

    En el ejemplo de este tutorial, la imagen está centrada así: al ancho de la imagen corresponde un padding de 0 95px, con esta plantilla.

    Dependiendo del ancho de la imagen (width) podemos centrarla aumentando o disminuyendo la distancia en pixeles (0 95px) entre la imagen y los bordes laterales (padding) de la cabecera, observando la ubicación de la imagen en la Vista previa, antes de guardar plantilla.

    Para seguir conservando la simetría en la apariencia de nuestro blog, centramos, dentro de la imagen, el título del blog, así:

    Siguiendo hacia abajo en la sección CSS de la cabecera (header), localizamos este código:

    .Header h1 {
      font: $(header.font);
      text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    }

    ...y le agregamos esta línea:

      text-align:center;

    Debiendo quedarnos así:

    .Header h1 {
      text-align:center;
      font: $(header.font);
      text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    }

    Observamos Vista previa y guardamos plantilla.

    Así se verá el blog:

    Blog Picture Window con imagen de cabecera centrada

  • Leer Más...
    0

    volver a la interfaz antigua de Blogger

    miércoles, 18 de abril de 2012.

    No sé por qué, pero personalmente la nueva interfaz a mí me da muchos problemas, trato de editar algo en la plantilla y me saltan errores del tipo BX sin razón aparente. Pero independientemente de eso, hay opciones que la nueva interfaz no tiene y que la antigua sí, por ejemplo la selección de Plantillas de diseño (aquellas del 2006), la habilitación de páginas de entrada, entre otras cosas.

    Así que puede ser que tengas que cambiar a la interfaz antigua por alguna razón de forma temporal, o que quieras quedarte con ella permanentemente (mientras Blogger lo siga permitiendo).

    Para volver a la interfaz antigua de Blogger ingresa al Escritorio de Blogger, del lado superior derecho verás el ícono de un engrane, haz click ahí. En el menú que se desplegará seleccionaInterfaz anterior de Blogger.

    De inmediato estarás de vuelta en la interfaz antigua, y podrás continuar manejando tus blogs como siempre.

    Cuando quieras regresar a la nueva interfaz ingresa otra vez al Escritorio, y haz click en Probar la interfaz actualizada de Blogger. Eso hará que regreses a la nueva interfaz de forma predeterminada.

    De esa manera podrás usar cualquiera de las dos interfaces por la razón que sea.

    Leer Más...
    0

    Poner imagen de fondo en blogger

    miércoles, 4 de abril de 2012.

    1. Ir a diseño de la plantilla. Después clic en Edición de HTML (no Expandir plantillas de artilugios) y buscas lo siguiente:
    body {
    background:$bgcolor;
    ...
    }
    2. Tendrás que agregar después de background:$bgcolor lo siguiente (lo que está de color azul):
    body {
    background:$bgcolor url(http://Aquí la direción de la imagen) fixed no-repeat top left;
    ...
    }
    Explicación:
    - El valor no-repeat, la imagen no se repite. Además podemos cambiarlo por otros valores como repeat-x, repetirá la imagen horizontalmente mientras que el valor repeat-y, repetirá la imagen verticalmente y si se especifica repeat, la imagen se repetirá horizontal y verticalmente.
    - El valor fixed, la imagen se desplazará con el contenido o será fija.
    - El valor top left, la posición de la imagen.
    Nota: La imagen debe ser grande, tipo wallpaper, el cual tienen un ancho de 1024 pixeles (px) y un alto de 685 px aproximadamente.

    Leer Más...
    0

    Centrar cabecera en blogger

    Lo más sencillo sería que edites la imagen de la cabecera con cualquier editor de imágenes y le agregues el título y la descripción, si la hubiere, a tu gusto.

    Luego la subís cliqueando en Cabecera, Editar y marcás donde dice En lugar del título y la descripción, Guardar. 

    Si es pequeña y queda descentrada, vas a Diseño del Diseñador de plantillas y en Avanzado, Añadir CSS, escribís lo siguiente (luego hay que oprimir la tecla enter pues podría no mostrar el cambio) y si estás conforme, Aplicar al blog (arriba a la derecha).


    .Header img {margin:0 auto;}


    Saludos,


    Nota: Hay un punto antes de Header, por si no se llega a ver.

    Leer Más...
    0

    template blogger: Silueta de enamorados

    viernes, 27 de enero de 2012.

    Click here to preview kiss-under-tree blogger template

    <?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 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>
        <b:include data='blog' name='all-head-content'/>
        <title><data:blog.pageTitle/></title>
        <b:skin><![CDATA[/*
    -----------------------------------------------
    Blogger Template Style
    Name:    
    Designer: pYzam Team
    URL:      www.pyzam.com
    ----------------------------------------------- */

    /* Variable definitions
       ====================
       <Variable name="bgcolor" description="Page Background Color"
                 type="color" default="#d13938" value="#d13938">
       <Variable name="textcolor" description="Text Color"
                 type="color" default="#ffffff" value="#ffffff">
       <Variable name="linkcolor" description="Link Color"
                 type="color" default="#ffffff" value="#ffffff">
       <Variable name="pagetitlecolor" description="Blog Title Color"
                 type="color" default="#ffffff" value="#ffffff">
       <Variable name="descriptioncolor" description="Blog Description Color"
                 type="color" default="#ffffff" value="#ffffff">
       <Variable name="titlecolor" description="Post Title Color"
                 type="color" default="#ffffff" value="#ffffff">
       <Variable name="bordercolor" description="Border Color"
                 type="color" default="#ffffff" value="#ffffff">
       <Variable name="sidebarcolor" description="Sidebar Title Color"
                 type="color" default="#ffffff" value="#ffffff">
       <Variable name="sidebartextcolor" description="Sidebar Text Color"
                 type="color" default="#ffffff" value="#ffffff">
       <Variable name="visitedlinkcolor" description="Visited Link Color"
                 type="color" default="#ffffff" value="#ffffff">
       <Variable name="bodyfont" description="Text Font"
                 type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
       <Variable name="headerfont" description="Sidebar Title Font"
                 type="font"
                 default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
       <Variable name="pagetitlefont" description="Blog Title Font"
                 type="font"
                 default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
       <Variable name="descriptionfont" description="Blog Description Font"
                 type="font"
                 default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
       <Variable name="postfooterfont" description="Post Footer Font"
                 type="font"
                 default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
    */

    /* Use this with templates/template-twocol.html */

    body {
      background:$bgcolor;
      margin:0;
      color:$textcolor;
      font:x-small Georgia Serif;
      font-size/* */:/**/small;
      font-size: /**/small;
      text-align: center;
      background-color:#d13938;
     background-image: url(http://stuff.pyzam.com/layouts/img/k/i/ahkissundertree.jpg);
     background-attachment: fixed;
     background-position: bottom right;
     background-repeat: no-repeat;
     border-color:#ffffff;
     border-width:0px ;
     border-style: solid;
      }
    a:link {
      color:$linkcolor;
      text-decoration:none;
      }
    a:visited {
      color:$visitedlinkcolor;
      text-decoration:none;
      }
    a:hover {
      color:$titlecolor;
      text-decoration:underline;
    }
    a img {
      border-width:0;
      }

    /* Header
    -----------------------------------------------
     */

    #header-wrapper {
      width:660px;
      margin:0 auto 10px;
      border:1px solid $bordercolor;
      background-color:#000000;
      filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;

      }

    #header-inner {
      background-position: center;
      margin-left: auto;
      margin-right: auto;
    }

    #header {
      margin: 5px;
      border: 1px solid $bordercolor;
      text-align: center;
      color:$pagetitlecolor;
      background-color:#000000;
      filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;

    }

    #header h1 {
      margin:5px 5px 0;
      padding:15px 20px .25em;
      line-height:1.2em;
      text-transform:uppercase;
      letter-spacing:.2em;
      font: $pagetitlefont;
    }

    #header a {
      color:$pagetitlecolor;
      text-decoration:none;
      }

    #header a:hover {
      color:$pagetitlecolor;
      }

    #header .description {
      margin:0 5px 5px;
      padding:0 20px 15px;
      max-width:700px;
      text-transform:uppercase;
      letter-spacing:.2em;
      line-height: 1.4em;
      font: $descriptionfont;
      color: $descriptioncolor;
     }

    #header img {
      margin-left: auto;
      margin-right: auto;
    }


    /* Outer-Wrapper
    ----------------------------------------------- */
    #outer-wrapper {
      width: 660px;
      margin:0 auto;
      padding:10px;
      text-align:left;
      font: $bodyfont;
      }

    #main-wrapper {
      width: 410px;
      float: left;
      padding: 5px;
      border:1px solid $bordercolor;
      background-color:#000000;
      filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;

      word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
      overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
      }

    #sidebar-wrapper {
      width: 220px;
      float: right;
      padding: 5px;
      border:1px solid $bordercolor;
      background-color:#000000;
      filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;

      word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
      overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
    }


    /* Headings
    ----------------------------------------------- */

    h2 {
      margin:1.5em 0 .75em;
      font:$headerfont;
      line-height: 1.4em;
      text-transform:uppercase;
      letter-spacing:.2em;
      color:$sidebarcolor;
    }


    /* Posts
    -----------------------------------------------
     */
    h2.date-header {
      margin:1.5em 0 .5em;
      }

    .post {
      margin:.5em 0 1.5em;
      border-bottom:1px dotted $bordercolor;
      padding-bottom:1.5em;
      }
    .post h3 {
      margin:.25em 0 0;
      padding:0 0 4px;
      font-size:140%;
      font-weight:normal;
      line-height:1.4em;
      color:$titlecolor;
    }

    .post h3 a, .post h3 a:visited, .post h3 strong {
      display:block;
      text-decoration:none;
      color:$titlecolor;
      font-weight:normal;
    }

    .post h3 strong, .post h3 a:hover {
      color:$textcolor;
    }

    .post p {
      margin:0 0 .75em;
      line-height:1.6em;
    }

    .post-footer {
      margin: .75em 0;
      color:$sidebarcolor;
      text-transform:uppercase;
      letter-spacing:.1em;
      font: $postfooterfont;
      line-height: 1.4em;
    }

    .comment-link {
      margin-left:.6em;
      }
    .post img {
      padding:4px;
      border:1px solid $bordercolor;
      }
    .post blockquote {
      margin:1em 20px;
      }
    .post blockquote p {
      margin:.75em 0;
      }

    /* Comments
    ----------------------------------------------- */
    #comments h4 {
      margin:1em 0;
      font-weight: bold;
      line-height: 1.4em;
      text-transform:uppercase;
      letter-spacing:.2em;
      color: $sidebarcolor;
      padding: 5px;
      border:1px solid $bordercolor;
      background-color:#000000;
      filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;

      }

    #comments-block {
      margin:1em 0 1.5em;
      line-height:1.6em;
      }
    #comments-block .comment-author {
      margin:.5em 0;
      }
    #comments-block .comment-body {
      margin:.25em 0 0;
      }
    #comments-block .comment-footer {
      margin:-.25em 0 2em;
      line-height: 1.4em;
      text-transform:uppercase;
      letter-spacing:.1em;
      }
    #comments-block .comment-body p {
      margin:0 0 .75em;
      }
    .deleted-comment {
      font-style:italic;
      color:gray;
      }

    #blog-pager-newer-link {
      float: left;
     }
     
    #blog-pager-older-link {
      float: right;
     }

    #blog-pager {
      text-align: center;
     }

    .feed-links {
      clear: both;
      line-height: 2.5em;
    }

    /* Sidebar Content
    ----------------------------------------------- */
    .sidebar {
      color: $sidebartextcolor;
      line-height: 1.5em;
     }

    .sidebar ul {
      list-style:none;
      margin:0 0 0;
      padding:0 0 0;
    }
    .sidebar li {
      margin:0;
      padding:0 0 .25em 15px;
      text-indent:-15px;
      line-height:1.5em;
      }

    .sidebar .widget, .main .widget {
      border-bottom:1px dotted $bordercolor;
      margin:0 0 1.5em;
      padding:0 0 1.5em;
     }

    .main .Blog {
      border-bottom-width: 0;
    }


    /* Profile
    ----------------------------------------------- */
    .profile-img {
      float: left;
      margin: 0 5px 5px 0;
      padding: 4px;
      border: 1px solid $bordercolor;
    }

    .profile-data {
      margin:0;
      text-transform:uppercase;
      letter-spacing:.1em;
      font: $postfooterfont;
      color: $sidebarcolor;
      font-weight: bold;
      line-height: 1.6em;
    }

    .profile-datablock {
      margin:.5em 0 .5em;
    }

    .profile-textblock {
      margin: 0.5em 0;
      line-height: 1.6em;
    }

    .profile-link {
      font: $postfooterfont;
      text-transform: uppercase;
      letter-spacing: .1em;
    }

    /* Footer
    ----------------------------------------------- */
    #footer {
      width:660px;
      clear:both;
      margin:0 auto;
      padding-top:15px;
      line-height: 1.6em;
      text-transform:uppercase;
      letter-spacing:.1em;
      text-align: center;
      padding: 5px;
      border:1px solid $bordercolor;
      background-color:000000;
      filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;

    }

    /** Page structure tweaks for layout editor wireframe */
    body#layout #header {
      margin-left: 0px;
      margin-right: 0px;
    }

    .bloggerPyBar { background-color:#ff6600;
    color:#114477;
    font-family: Arial, Helvetica, sans-serif;
    font-size:10px;
    text-align:left;
    font-weigth:bold;
    padding:2px 2px 2px 6px;}
    .bloggerPyBar a {color:#114477;}
    .pylogo {float:right;padding-right:9px;}

    ]]></b:skin>
      </head>

      <body>

    <div class="bloggerPyBar" style="cursor:pointer;"><div class="pylogo"><span style="position:relative;top:-1px;left:0px">«</span> <a href="http://www.pyzam.com">PYZAM.COM</a></div>
        <a href="http://www.pyzam.com/bloggertemplates">BLOGGER TEMPLATES</a> AND <a href="http://www.twitterbackgrounds.com">TWITTER BACKGROUNDS</a> <span style="position:relative;top:-1px;left:0px;">»</span> </div>

      <div id='outer-wrapper'><div id='wrap2'>

        <!-- skip links for text browsers -->
        <span id='skiplinks' style='display:none;'>
          <a href='#main'>skip to main </a> |
          <a href='#sidebar'>skip to sidebar</a>
        </span>

        <div id='header-wrapper'>
          <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Layouts (Header)' type='Header'>
    <b:includable id='main'>

      <b:if cond='data:useImage'>
        <b:if cond='data:imagePlacement == "REPLACE"'>
          <!--Show just the image, no text-->
          <div id='header-inner'>
            <a expr:href='data:blog.homepageUrl' style='display: block'>
              <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
            </a>
          </div>
        <b:else/>
          <!--Show image as background to text-->
          <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                      + "background-repeat: no-repeat; "                      + "width: " + data:width + "px; "                      + "height: " + data:height + "px;"' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:if cond='data:blog.url == data:blog.homepageUrl'>
                  <data:title/>
                <b:else/>
                  <a expr:href='data:blog.homepageUrl'><data:title/></a>
                </b:if>
              </h1>
            </div>
            <div class='descriptionwrapper'>
              <p class='description'><span><data:description/></span></p>
            </div>
          </div>
        </b:if>
      <b:else/>
        <!--No header image -->
        <div id='header-inner'>
          <div class='titlewrapper'>
            <h1 class='title'>
              <b:if cond='data:blog.url == data:blog.homepageUrl'>
                <data:title/>
              <b:else/>
                <a expr:href='data:blog.homepageUrl'><data:title/></a>
              </b:if>
            </h1>
          </div>
          <div class='descriptionwrapper'>
            <p class='description'><span><data:description/></span></p>
          </div>
        </div>
      </b:if>
    </b:includable>
    </b:widget>
    </b:section>
        </div>
     
        <div id='content-wrapper'>

          <div id='crosscol-wrapper' style='text-align:center'>
            <b:section class='crosscol' id='crosscol' showaddelement='no'/>
          </div>

          <div id='main-wrapper'>
            <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
    <b:includable id='nextprev'>
      <div class='blog-pager' id='blog-pager'>
        <b:if cond='data:newerPageUrl'>
          <span id='blog-pager-newer-link'>
          <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
          </span>
        </b:if>

        <b:if cond='data:olderPageUrl'>
          <span id='blog-pager-older-link'>
          <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
          </span>
        </b:if>

        <b:if cond='data:blog.homepageUrl != data:blog.url'>
          <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
          <b:else/>
          <b:if cond='data:newerPageUrl'>
            <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
          </b:if>
        </b:if>

      </div>
      <div class='clear'/>
    </b:includable>
    <b:includable id='backlinks' var='post'>
      <a name='links'/><h4><data:post.backlinksLabel/></h4>
      <b:if cond='data:post.numBacklinks != 0'>
        <dl class='comments-block' id='comments-block'>
          <b:loop values='data:post.backlinks' var='backlink'>
            <div class='collapsed-backlink backlink-control'>
              <dt class='comment-title'>
                <span class='backlink-toggle-zippy'>&#160;</span>
                <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
                <b:include data='backlink' name='backlinkDeleteIcon'/>
              </dt>
              <dd class='comment-body collapseable'>
                <data:backlink.snippet/>
              </dd>
              <dd class='comment-footer collapseable'>
                <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
                <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
              </dd>
            </div>
          </b:loop>
        </dl>
      </b:if>
      <p class='comment-footer'>
        <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
      </p>
    </b:includable>
    <b:includable id='post' var='post'>
      <div class='post uncustomized-post-template'>
        <a expr:name='data:post.id'/>
        <b:if cond='data:post.title'>
          <h3 class='post-title'>
         <b:if cond='data:post.link'>
           <a expr:href='data:post.link'><data:post.title/></a>
         <b:else/>
            <b:if cond='data:post.url'>
              <a expr:href='data:post.url'><data:post.title/></a>
            <b:else/>
              <data:post.title/>
            </b:if>
         </b:if>
          </h3>
        </b:if>

        <div class='post-header-line-1'/>

        <div class='post-body'>
          <p><data:post.body/></p>
          <div style='clear: both;'/> <!-- clear for photos floats -->
        </div>
        <div class='post-footer'>
        <p class='post-footer-line post-footer-line-1'>
          <span class='post-author'>
            <b:if cond='data:top.showAuthor'>
              <data:top.authorLabel/> <data:post.author/>
            </b:if>
          </span>

          <span class='post-timestamp'>
            <b:if cond='data:top.showTimestamp'>
              <data:top.timestampLabel/>
            <b:if cond='data:post.url'>
              <a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
            </b:if>
            </b:if>
          </span>

          <span class='post-comment-link'>
            <b:if cond='data:blog.pageType != "item"'>

              <b:if cond='data:post.allowComments'>
                <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
              </b:if>
            </b:if>
          </span>

           <!-- backlinks -->
           <span class='post-backlinks post-comment-link'>
             <b:if cond='data:blog.pageType != "item"'>
               <b:if cond='data:post.showBacklinks'>
                 <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
               </b:if>
             </b:if>
           </span>

          <span class='post-icons'>
            <!-- email post links -->
            <b:if cond='data:post.emailPostUrl'>
              <span class='item-action'>
              <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
                <span class='email-post-icon'>&#160;</span>
              </a>
              </span>
            </b:if>

            <!-- quickedit pencil -->
            <b:include data='post' name='postQuickEdit'/>
          </span>
          </p>

          <p class='post-footer-line post-footer-line-2'>
          <span class='post-labels'>
            <b:if cond='data:post.labels'>
              <data:postLabelsLabel/>
              <b:loop values='data:post.labels' var='label'>
                <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
              </b:loop>
            </b:if>
          </span>
          </p>

          <p class='post-footer-line post-footer-line-3'/>
        </div>
      </div>
    </b:includable>
    <b:includable id='commentDeleteIcon' var='comment'>
      <span expr:class='"item-control " + data:comment.adminClass'>
        <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
          <span class='delete-comment-icon'>&#160;</span>
        </a>
      </span>
    </b:includable>
    <b:includable id='status-message'>
      <b:if cond='data:navMessage'>
      <div class='status-msg-wrap'>
        <div class='status-msg-body'>
          <data:navMessage/>
        </div>
        <div class='status-msg-border'>
          <div class='status-msg-bg'>
            <div class='status-msg-hidden'><data:navMessage/></div>
          </div>
        </div>
      </div>
      <div style='clear: both;'/>
      </b:if>
    </b:includable>
    <b:includable id='feedLinks'>
      <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
        <b:if cond='data:feedLinks'>
          <div class='blog-feeds'>
            <b:include data='feedLinks' name='feedLinksBody'/>
          </div>
        </b:if>

        <b:else/> <!--Post feed links -->
        <div class='post-feeds'>
          <b:loop values='data:posts' var='post'>
            <b:if cond='data:post.allowComments'>
              <b:if cond='data:post.feedLinks'>
                <b:include data='post.feedLinks' name='feedLinksBody'/>
              </b:if>
            </b:if>
          </b:loop>
        </div>
      </b:if>
    </b:includable>
    <b:includable id='backlinkDeleteIcon' var='backlink'>
      <span expr:class='"item-control " + data:backlink.adminClass'>
        <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
          <span class='delete-comment-icon'>&#160;</span>
        </a>
      </span>
    </b:includable>
    <b:includable id='feedLinksBody' var='links'>
      <div class='feed-links'>
      <data:feedLinksMsg/>
      <b:loop values='data:links' var='f'>
         <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
      </b:loop>
      </div>
    </b:includable>
    <b:includable id='postQuickEdit' var='post'>
      <b:if cond='data:post.editUrl'>
        <span expr:class='"item-control " + data:post.adminClass'>
          <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
            <span class='quick-edit-icon'>&#160;</span>
          </a>
        </span>
      </b:if>
    </b:includable>
    <b:includable id='comments' var='post'>
      <div class='comments' id='comments'>
        <a name='comments'/>
        <b:if cond='data:post.allowComments'>
          <h4>
            <b:if cond='data:post.numComments == 1'>
              1 <data:commentLabel/>:
            <b:else/>
              <data:post.numComments/> <data:commentLabelPlural/>:
            </b:if>
          </h4>

          <dl id='comments-block'>
            <b:loop values='data:post.comments' var='comment'>
              <dt class='comment-author' expr:id='"comment-" + data:comment.id'>
                <a expr:name='"comment-" + data:comment.id'/>
                <b:if cond='data:comment.authorUrl'>
                  <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
                <b:else/>
                  <data:comment.author/>
                </b:if>
                <data:commentPostedByMsg/>
              </dt>
              <dd class='comment-body'>
                <b:if cond='data:comment.isDeleted'>
                  <span class='deleted-comment'><data:comment.body/></span>
                <b:else/>
                  <p><data:comment.body/></p>
                </b:if>
              </dd>
              <dd class='comment-footer'>
                <span class='comment-timestamp'>
                  <a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
                    <data:comment.timestamp/>
                  </a>
                  <b:include data='comment' name='commentDeleteIcon'/>
                </span>
              </dd>
            </b:loop>
          </dl>

          <p class='comment-footer'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </p>
        </b:if>

        <div id='backlinks-container'>
        <div expr:id='data:widget.instanceId + "_backlinks-container"'>
           <b:if cond='data:post.showBacklinks'>
             <b:include data='post' name='backlinks'/>
           </b:if>
        </div>
        </div>
      </div>
    </b:includable>
    <b:includable id='main' var='top'>
      <!-- posts -->
      <div class='blog-posts'>

        <b:include data='top' name='status-message'/>

        <data:adStart/>
        <b:loop values='data:posts' var='post'>
          <b:if cond='data:post.dateHeader'>
            <h2 class='date-header'><data:post.dateHeader/></h2>
          </b:if>
          <b:include data='post' name='post'/>
          <b:if cond='data:blog.pageType == "item"'>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:loop>
        <data:adEnd/>
      </div>

      <!-- navigation -->
      <b:include name='nextprev'/>

      <!-- feed links -->
      <b:include name='feedLinks'/>
    </b:includable>
    </b:widget>
    </b:section>
          </div>

          <div id='sidebar-wrapper'>
            <b:section class='sidebar' id='sidebar' preferred='yes'>
    <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
    <b:includable id='main'>
      <b:if cond='data:title'>
        <h2><data:title/></h2>
      </b:if>
      <div class='widget-content'>
      <div id='ArchiveList'>
      <div expr:id='data:widget.instanceId + "_ArchiveList"'>
        <b:if cond='data:style == "HIERARCHY"'>
         <b:include data='data' name='interval'/>
        </b:if>
        <b:if cond='data:style == "FLAT"'>
          <b:include data='data' name='flat'/>
        </b:if>
        <b:if cond='data:style == "MENU"'>
          <b:include data='data' name='menu'/>
        </b:if>
      </div>
      </div>
      <b:include name='quickedit'/>
      </div>
    </b:includable>
    <b:includable id='flat' var='data'>
      <ul>
        <b:loop values='data:data' var='i'>
          <li class='archivedate'>
            <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
          </li>
        </b:loop>
      </ul>
    </b:includable>
    <b:includable id='menu' var='data'>
      <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
        <option value=''><data:title/></option>
        <b:loop values='data:data' var='i'>
          <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
        </b:loop>
      </select>
    </b:includable>
    <b:includable id='interval' var='intervalData'>
      <b:loop values='data:intervalData' var='i'>
          <ul>
            <li expr:class='"archivedate " + data:i.expclass'>
              <b:include data='i' name='toggle'/>
              <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
                (<span class='post-count'><data:i.post-count/></span>)
              <b:if cond='data:i.data'>
                <b:include data='i.data' name='interval'/>
              </b:if>
              <b:if cond='data:i.posts'>
                <b:include data='i.posts' name='posts'/>
              </b:if>
            </li>
          </ul>
      </b:loop>
    </b:includable>
    <b:includable id='toggle' var='interval'>
      <b:if cond='data:interval.toggleId'>
      <b:if cond='data:interval.expclass == "expanded"'>
        <a class='toggle' expr:href='data:widget.actionUrl + "&amp;action=toggle" +       "&amp;dir=close&amp;toggle=" + data:interval.toggleId +       "&amp;toggleopen=" + data:toggleopen'>
            <span class='zippy toggle-open'>&#9660; </span>
        </a>
      <b:else/>
        <a class='toggle' expr:href='data:widget.actionUrl + "&amp;action=toggle" +         "&amp;dir=open&amp;toggle=" + data:interval.toggleId +         "&amp;toggleopen=" + data:toggleopen'>
              <span class='zippy'>&#9658; </span>
        </a>
      </b:if>
     </b:if>
    </b:includable>
    <b:includable id='posts' var='posts'>
      <ul class='posts'>
        <b:loop values='data:posts' var='i'>
          <li><a expr:href='data:i.url'><data:i.title/></a></li>
        </b:loop>
      </ul>
    </b:includable>
    </b:widget>
    <b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
    <b:includable id='main'>
        <b:if cond='data:title != ""'>
          <h2><data:title/></h2>
        </b:if>
        <div class='widget-content'>
        <b:if cond='data:team == "true"'> <!-- team blog profile -->
          <ul>
            <b:loop values='data:authors' var='i'>
              <li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
            </b:loop>
          </ul>

          <b:else/> <!-- normal blog profile -->

          <b:if cond='data:photo.url != ""'>
            <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
          </b:if>

          <dl class='profile-datablock'>
            <dt class='profile-data'><data:displayname/></dt>

            <b:if cond='data:showlocation == "true"'>
              <dd class='profile-data'><data:location/></dd>
            </b:if>

            <b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
          </dl>
          <a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
        </b:if>

         <b:include name='quickedit'/>
        </div>
      </b:includable>
    </b:widget>
    </b:section>
          </div>

          <!-- spacer for skins that want sidebar and main to be the same height-->
          <div class='clear'>&#160;</div>

        </div> <!-- end content-wrapper -->

        <div id='footer-wrapper'>
          <b:section class='footer' id='footer'/>
        </div>

      </div></div> <!-- end outer-wrapper -->
    <img style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="http://stuff.pyzam.com/misc/CXNID=1000015.70NXC.gif" /></body>
    </html>

    Leer Más...
    0

    Template Blogger: Caos

    Click here to preview red-cross blogger template

    <?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 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>
        <b:include data='blog' name='all-head-content'/>
        <title><data:blog.pageTitle/></title>
        <b:skin><![CDATA[/*
    -----------------------------------------------
    Blogger Template Style
    Name:    
    Designer: pYzam Team
    URL:      www.pyzam.com
    ----------------------------------------------- */

    /* Variable definitions
       ====================
       <Variable name="bgcolor" description="Page Background Color"
                 type="color" default="#000000" value="#000000">
       <Variable name="textcolor" description="Text Color"
                 type="color" default="#ffde9b" value="#ffde9b">
       <Variable name="linkcolor" description="Link Color"
                 type="color" default="#ffde9b" value="#ffde9b">
       <Variable name="pagetitlecolor" description="Blog Title Color"
                 type="color" default="#ffde9b" value="#ffde9b">
       <Variable name="descriptioncolor" description="Blog Description Color"
                 type="color" default="#ffde9b" value="#ffde9b">
       <Variable name="titlecolor" description="Post Title Color"
                 type="color" default="#ffde9b" value="#ffde9b">
       <Variable name="bordercolor" description="Border Color"
                 type="color" default="#c91b00" value="#c91b00">
       <Variable name="sidebarcolor" description="Sidebar Title Color"
                 type="color" default="#ffde9b" value="#ffde9b">
       <Variable name="sidebartextcolor" description="Sidebar Text Color"
                 type="color" default="#ffde9b" value="#ffde9b">
       <Variable name="visitedlinkcolor" description="Visited Link Color"
                 type="color" default="#ffffff" value="#ffffff">
       <Variable name="bodyfont" description="Text Font"
                 type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
       <Variable name="headerfont" description="Sidebar Title Font"
                 type="font"
                 default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
       <Variable name="pagetitlefont" description="Blog Title Font"
                 type="font"
                 default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
       <Variable name="descriptionfont" description="Blog Description Font"
                 type="font"
                 default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
       <Variable name="postfooterfont" description="Post Footer Font"
                 type="font"
                 default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
    */

    /* Use this with templates/template-twocol.html */

    body {
      background:$bgcolor;
      margin:0;
      color:$textcolor;
      font:x-small Georgia Serif;
      font-size/* */:/**/small;
      font-size: /**/small;
      text-align: center;
      background-color:#000000;
     background-image: url(http://stuff.pyzam.com/layouts/img/r/e/ahredcross.jpg);
     background-attachment: fixed;
     background-position: bottom left;
     background-repeat: no-repeat;
     border-color:#ffffff;
     border-width:0px ;
     border-style: solid;
      }
    a:link {
      color:$linkcolor;
      text-decoration:none;
      }
    a:visited {
      color:$visitedlinkcolor;
      text-decoration:none;
      }
    a:hover {
      color:$titlecolor;
      text-decoration:underline;
    }
    a img {
      border-width:0;
      }

    /* Header
    -----------------------------------------------
     */

    #header-wrapper {
      width:660px;
      margin:0 auto 10px;
      border:1px solid $bordercolor;
      background-color:#000000;
      filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;

      }

    #header-inner {
      background-position: center;
      margin-left: auto;
      margin-right: auto;
    }

    #header {
      margin: 5px;
      border: 1px solid $bordercolor;
      text-align: center;
      color:$pagetitlecolor;
      background-color:#000000;
      filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;

    }

    #header h1 {
      margin:5px 5px 0;
      padding:15px 20px .25em;
      line-height:1.2em;
      text-transform:uppercase;
      letter-spacing:.2em;
      font: $pagetitlefont;
    }

    #header a {
      color:$pagetitlecolor;
      text-decoration:none;
      }

    #header a:hover {
      color:$pagetitlecolor;
      }

    #header .description {
      margin:0 5px 5px;
      padding:0 20px 15px;
      max-width:700px;
      text-transform:uppercase;
      letter-spacing:.2em;
      line-height: 1.4em;
      font: $descriptionfont;
      color: $descriptioncolor;
     }

    #header img {
      margin-left: auto;
      margin-right: auto;
    }


    /* Outer-Wrapper
    ----------------------------------------------- */
    #outer-wrapper {
      width: 660px;
      margin:0 auto;
      padding:10px;
      text-align:left;
      font: $bodyfont;
      }

    #main-wrapper {
      width: 410px;
      float: left;
      padding: 5px;
      border:1px solid $bordercolor;
      background-color:#000000;
      filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;

      word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
      overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
      }

    #sidebar-wrapper {
      width: 220px;
      float: right;
      padding: 5px;
      border:1px solid $bordercolor;
      background-color:#000000;
      filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;

      word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
      overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
    }


    /* Headings
    ----------------------------------------------- */

    h2 {
      margin:1.5em 0 .75em;
      font:$headerfont;
      line-height: 1.4em;
      text-transform:uppercase;
      letter-spacing:.2em;
      color:$sidebarcolor;
    }


    /* Posts
    -----------------------------------------------
     */
    h2.date-header {
      margin:1.5em 0 .5em;
      }

    .post {
      margin:.5em 0 1.5em;
      border-bottom:1px dotted $bordercolor;
      padding-bottom:1.5em;
      }
    .post h3 {
      margin:.25em 0 0;
      padding:0 0 4px;
      font-size:140%;
      font-weight:normal;
      line-height:1.4em;
      color:$titlecolor;
    }

    .post h3 a, .post h3 a:visited, .post h3 strong {
      display:block;
      text-decoration:none;
      color:$titlecolor;
      font-weight:normal;
    }

    .post h3 strong, .post h3 a:hover {
      color:$textcolor;
    }

    .post p {
      margin:0 0 .75em;
      line-height:1.6em;
    }

    .post-footer {
      margin: .75em 0;
      color:$sidebarcolor;
      text-transform:uppercase;
      letter-spacing:.1em;
      font: $postfooterfont;
      line-height: 1.4em;
    }

    .comment-link {
      margin-left:.6em;
      }
    .post img {
      padding:4px;
      border:1px solid $bordercolor;
      }
    .post blockquote {
      margin:1em 20px;
      }
    .post blockquote p {
      margin:.75em 0;
      }

    /* Comments
    ----------------------------------------------- */
    #comments h4 {
      margin:1em 0;
      font-weight: bold;
      line-height: 1.4em;
      text-transform:uppercase;
      letter-spacing:.2em;
      color: $sidebarcolor;
      padding: 5px;
      border:1px solid $bordercolor;
      background-color:#000000;
      filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;

      }

    #comments-block {
      margin:1em 0 1.5em;
      line-height:1.6em;
      }
    #comments-block .comment-author {
      margin:.5em 0;
      }
    #comments-block .comment-body {
      margin:.25em 0 0;
      }
    #comments-block .comment-footer {
      margin:-.25em 0 2em;
      line-height: 1.4em;
      text-transform:uppercase;
      letter-spacing:.1em;
      }
    #comments-block .comment-body p {
      margin:0 0 .75em;
      }
    .deleted-comment {
      font-style:italic;
      color:gray;
      }

    #blog-pager-newer-link {
      float: left;
     }
     
    #blog-pager-older-link {
      float: right;
     }

    #blog-pager {
      text-align: center;
     }

    .feed-links {
      clear: both;
      line-height: 2.5em;
    }

    /* Sidebar Content
    ----------------------------------------------- */
    .sidebar {
      color: $sidebartextcolor;
      line-height: 1.5em;
     }

    .sidebar ul {
      list-style:none;
      margin:0 0 0;
      padding:0 0 0;
    }
    .sidebar li {
      margin:0;
      padding:0 0 .25em 15px;
      text-indent:-15px;
      line-height:1.5em;
      }

    .sidebar .widget, .main .widget {
      border-bottom:1px dotted $bordercolor;
      margin:0 0 1.5em;
      padding:0 0 1.5em;
     }

    .main .Blog {
      border-bottom-width: 0;
    }


    /* Profile
    ----------------------------------------------- */
    .profile-img {
      float: left;
      margin: 0 5px 5px 0;
      padding: 4px;
      border: 1px solid $bordercolor;
    }

    .profile-data {
      margin:0;
      text-transform:uppercase;
      letter-spacing:.1em;
      font: $postfooterfont;
      color: $sidebarcolor;
      font-weight: bold;
      line-height: 1.6em;
    }

    .profile-datablock {
      margin:.5em 0 .5em;
    }

    .profile-textblock {
      margin: 0.5em 0;
      line-height: 1.6em;
    }

    .profile-link {
      font: $postfooterfont;
      text-transform: uppercase;
      letter-spacing: .1em;
    }

    /* Footer
    ----------------------------------------------- */
    #footer {
      width:660px;
      clear:both;
      margin:0 auto;
      padding-top:15px;
      line-height: 1.6em;
      text-transform:uppercase;
      letter-spacing:.1em;
      text-align: center;
      padding: 5px;
      border:1px solid $bordercolor;
      background-color:000000;
      filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;

    }

    /** Page structure tweaks for layout editor wireframe */
    body#layout #header {
      margin-left: 0px;
      margin-right: 0px;
    }

    .bloggerPyBar { background-color:#ff6600;
    color:#114477;
    font-family: Arial, Helvetica, sans-serif;
    font-size:10px;
    text-align:left;
    font-weigth:bold;
    padding:2px 2px 2px 6px;}
    .bloggerPyBar a {color:#114477;}
    .pylogo {float:right;padding-right:9px;}

    ]]></b:skin>
      </head>

      <body>

    <div class="bloggerPyBar" style="cursor:pointer;"><div class="pylogo"><span style="position:relative;top:-1px;left:0px">«</span> <a href="http://www.pyzam.com">PYZAM.COM</a></div>
        <a href="http://www.pyzam.com/bloggertemplates">BLOGGER TEMPLATES</a> AND <a href="http://www.twitterbackgrounds.com">TWITTER BACKGROUNDS</a> <span style="position:relative;top:-1px;left:0px;">»</span> </div>

      <div id='outer-wrapper'><div id='wrap2'>

        <!-- skip links for text browsers -->
        <span id='skiplinks' style='display:none;'>
          <a href='#main'>skip to main </a> |
          <a href='#sidebar'>skip to sidebar</a>
        </span>

        <div id='header-wrapper'>
          <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Layouts (Header)' type='Header'>
    <b:includable id='main'>

      <b:if cond='data:useImage'>
        <b:if cond='data:imagePlacement == "REPLACE"'>
          <!--Show just the image, no text-->
          <div id='header-inner'>
            <a expr:href='data:blog.homepageUrl' style='display: block'>
              <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
            </a>
          </div>
        <b:else/>
          <!--Show image as background to text-->
          <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                      + "background-repeat: no-repeat; "                      + "width: " + data:width + "px; "                      + "height: " + data:height + "px;"' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:if cond='data:blog.url == data:blog.homepageUrl'>
                  <data:title/>
                <b:else/>
                  <a expr:href='data:blog.homepageUrl'><data:title/></a>
                </b:if>
              </h1>
            </div>
            <div class='descriptionwrapper'>
              <p class='description'><span><data:description/></span></p>
            </div>
          </div>
        </b:if>
      <b:else/>
        <!--No header image -->
        <div id='header-inner'>
          <div class='titlewrapper'>
            <h1 class='title'>
              <b:if cond='data:blog.url == data:blog.homepageUrl'>
                <data:title/>
              <b:else/>
                <a expr:href='data:blog.homepageUrl'><data:title/></a>
              </b:if>
            </h1>
          </div>
          <div class='descriptionwrapper'>
            <p class='description'><span><data:description/></span></p>
          </div>
        </div>
      </b:if>
    </b:includable>
    </b:widget>
    </b:section>
        </div>
     
        <div id='content-wrapper'>

          <div id='crosscol-wrapper' style='text-align:center'>
            <b:section class='crosscol' id='crosscol' showaddelement='no'/>
          </div>

          <div id='main-wrapper'>
            <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
    <b:includable id='nextprev'>
      <div class='blog-pager' id='blog-pager'>
        <b:if cond='data:newerPageUrl'>
          <span id='blog-pager-newer-link'>
          <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
          </span>
        </b:if>

        <b:if cond='data:olderPageUrl'>
          <span id='blog-pager-older-link'>
          <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
          </span>
        </b:if>

        <b:if cond='data:blog.homepageUrl != data:blog.url'>
          <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
          <b:else/>
          <b:if cond='data:newerPageUrl'>
            <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
          </b:if>
        </b:if>

      </div>
      <div class='clear'/>
    </b:includable>
    <b:includable id='backlinks' var='post'>
      <a name='links'/><h4><data:post.backlinksLabel/></h4>
      <b:if cond='data:post.numBacklinks != 0'>
        <dl class='comments-block' id='comments-block'>
          <b:loop values='data:post.backlinks' var='backlink'>
            <div class='collapsed-backlink backlink-control'>
              <dt class='comment-title'>
                <span class='backlink-toggle-zippy'>&#160;</span>
                <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
                <b:include data='backlink' name='backlinkDeleteIcon'/>
              </dt>
              <dd class='comment-body collapseable'>
                <data:backlink.snippet/>
              </dd>
              <dd class='comment-footer collapseable'>
                <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
                <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
              </dd>
            </div>
          </b:loop>
        </dl>
      </b:if>
      <p class='comment-footer'>
        <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
      </p>
    </b:includable>
    <b:includable id='post' var='post'>
      <div class='post uncustomized-post-template'>
        <a expr:name='data:post.id'/>
        <b:if cond='data:post.title'>
          <h3 class='post-title'>
         <b:if cond='data:post.link'>
           <a expr:href='data:post.link'><data:post.title/></a>
         <b:else/>
            <b:if cond='data:post.url'>
              <a expr:href='data:post.url'><data:post.title/></a>
            <b:else/>
              <data:post.title/>
            </b:if>
         </b:if>
          </h3>
        </b:if>

        <div class='post-header-line-1'/>

        <div class='post-body'>
          <p><data:post.body/></p>
          <div style='clear: both;'/> <!-- clear for photos floats -->
        </div>
        <div class='post-footer'>
        <p class='post-footer-line post-footer-line-1'>
          <span class='post-author'>
            <b:if cond='data:top.showAuthor'>
              <data:top.authorLabel/> <data:post.author/>
            </b:if>
          </span>

          <span class='post-timestamp'>
            <b:if cond='data:top.showTimestamp'>
              <data:top.timestampLabel/>
            <b:if cond='data:post.url'>
              <a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
            </b:if>
            </b:if>
          </span>

          <span class='post-comment-link'>
            <b:if cond='data:blog.pageType != "item"'>

              <b:if cond='data:post.allowComments'>
                <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
              </b:if>
            </b:if>
          </span>

           <!-- backlinks -->
           <span class='post-backlinks post-comment-link'>
             <b:if cond='data:blog.pageType != "item"'>
               <b:if cond='data:post.showBacklinks'>
                 <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
               </b:if>
             </b:if>
           </span>

          <span class='post-icons'>
            <!-- email post links -->
            <b:if cond='data:post.emailPostUrl'>
              <span class='item-action'>
              <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
                <span class='email-post-icon'>&#160;</span>
              </a>
              </span>
            </b:if>

            <!-- quickedit pencil -->
            <b:include data='post' name='postQuickEdit'/>
          </span>
          </p>

          <p class='post-footer-line post-footer-line-2'>
          <span class='post-labels'>
            <b:if cond='data:post.labels'>
              <data:postLabelsLabel/>
              <b:loop values='data:post.labels' var='label'>
                <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
              </b:loop>
            </b:if>
          </span>
          </p>

          <p class='post-footer-line post-footer-line-3'/>
        </div>
      </div>
    </b:includable>
    <b:includable id='commentDeleteIcon' var='comment'>
      <span expr:class='"item-control " + data:comment.adminClass'>
        <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
          <span class='delete-comment-icon'>&#160;</span>
        </a>
      </span>
    </b:includable>
    <b:includable id='status-message'>
      <b:if cond='data:navMessage'>
      <div class='status-msg-wrap'>
        <div class='status-msg-body'>
          <data:navMessage/>
        </div>
        <div class='status-msg-border'>
          <div class='status-msg-bg'>
            <div class='status-msg-hidden'><data:navMessage/></div>
          </div>
        </div>
      </div>
      <div style='clear: both;'/>
      </b:if>
    </b:includable>
    <b:includable id='feedLinks'>
      <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
        <b:if cond='data:feedLinks'>
          <div class='blog-feeds'>
            <b:include data='feedLinks' name='feedLinksBody'/>
          </div>
        </b:if>

        <b:else/> <!--Post feed links -->
        <div class='post-feeds'>
          <b:loop values='data:posts' var='post'>
            <b:if cond='data:post.allowComments'>
              <b:if cond='data:post.feedLinks'>
                <b:include data='post.feedLinks' name='feedLinksBody'/>
              </b:if>
            </b:if>
          </b:loop>
        </div>
      </b:if>
    </b:includable>
    <b:includable id='backlinkDeleteIcon' var='backlink'>
      <span expr:class='"item-control " + data:backlink.adminClass'>
        <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
          <span class='delete-comment-icon'>&#160;</span>
        </a>
      </span>
    </b:includable>
    <b:includable id='feedLinksBody' var='links'>
      <div class='feed-links'>
      <data:feedLinksMsg/>
      <b:loop values='data:links' var='f'>
         <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
      </b:loop>
      </div>
    </b:includable>
    <b:includable id='postQuickEdit' var='post'>
      <b:if cond='data:post.editUrl'>
        <span expr:class='"item-control " + data:post.adminClass'>
          <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
            <span class='quick-edit-icon'>&#160;</span>
          </a>
        </span>
      </b:if>
    </b:includable>
    <b:includable id='comments' var='post'>
      <div class='comments' id='comments'>
        <a name='comments'/>
        <b:if cond='data:post.allowComments'>
          <h4>
            <b:if cond='data:post.numComments == 1'>
              1 <data:commentLabel/>:
            <b:else/>
              <data:post.numComments/> <data:commentLabelPlural/>:
            </b:if>
          </h4>

          <dl id='comments-block'>
            <b:loop values='data:post.comments' var='comment'>
              <dt class='comment-author' expr:id='"comment-" + data:comment.id'>
                <a expr:name='"comment-" + data:comment.id'/>
                <b:if cond='data:comment.authorUrl'>
                  <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
                <b:else/>
                  <data:comment.author/>
                </b:if>
                <data:commentPostedByMsg/>
              </dt>
              <dd class='comment-body'>
                <b:if cond='data:comment.isDeleted'>
                  <span class='deleted-comment'><data:comment.body/></span>
                <b:else/>
                  <p><data:comment.body/></p>
                </b:if>
              </dd>
              <dd class='comment-footer'>
                <span class='comment-timestamp'>
                  <a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
                    <data:comment.timestamp/>
                  </a>
                  <b:include data='comment' name='commentDeleteIcon'/>
                </span>
              </dd>
            </b:loop>
          </dl>

          <p class='comment-footer'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </p>
        </b:if>

        <div id='backlinks-container'>
        <div expr:id='data:widget.instanceId + "_backlinks-container"'>
           <b:if cond='data:post.showBacklinks'>
             <b:include data='post' name='backlinks'/>
           </b:if>
        </div>
        </div>
      </div>
    </b:includable>
    <b:includable id='main' var='top'>
      <!-- posts -->
      <div class='blog-posts'>

        <b:include data='top' name='status-message'/>

        <data:adStart/>
        <b:loop values='data:posts' var='post'>
          <b:if cond='data:post.dateHeader'>
            <h2 class='date-header'><data:post.dateHeader/></h2>
          </b:if>
          <b:include data='post' name='post'/>
          <b:if cond='data:blog.pageType == "item"'>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:loop>
        <data:adEnd/>
      </div>

      <!-- navigation -->
      <b:include name='nextprev'/>

      <!-- feed links -->
      <b:include name='feedLinks'/>
    </b:includable>
    </b:widget>
    </b:section>
          </div>

          <div id='sidebar-wrapper'>
            <b:section class='sidebar' id='sidebar' preferred='yes'>
    <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
    <b:includable id='main'>
      <b:if cond='data:title'>
        <h2><data:title/></h2>
      </b:if>
      <div class='widget-content'>
      <div id='ArchiveList'>
      <div expr:id='data:widget.instanceId + "_ArchiveList"'>
        <b:if cond='data:style == "HIERARCHY"'>
         <b:include data='data' name='interval'/>
        </b:if>
        <b:if cond='data:style == "FLAT"'>
          <b:include data='data' name='flat'/>
        </b:if>
        <b:if cond='data:style == "MENU"'>
          <b:include data='data' name='menu'/>
        </b:if>
      </div>
      </div>
      <b:include name='quickedit'/>
      </div>
    </b:includable>
    <b:includable id='flat' var='data'>
      <ul>
        <b:loop values='data:data' var='i'>
          <li class='archivedate'>
            <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
          </li>
        </b:loop>
      </ul>
    </b:includable>
    <b:includable id='menu' var='data'>
      <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
        <option value=''><data:title/></option>
        <b:loop values='data:data' var='i'>
          <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
        </b:loop>
      </select>
    </b:includable>
    <b:includable id='interval' var='intervalData'>
      <b:loop values='data:intervalData' var='i'>
          <ul>
            <li expr:class='"archivedate " + data:i.expclass'>
              <b:include data='i' name='toggle'/>
              <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
                (<span class='post-count'><data:i.post-count/></span>)
              <b:if cond='data:i.data'>
                <b:include data='i.data' name='interval'/>
              </b:if>
              <b:if cond='data:i.posts'>
                <b:include data='i.posts' name='posts'/>
              </b:if>
            </li>
          </ul>
      </b:loop>
    </b:includable>
    <b:includable id='toggle' var='interval'>
      <b:if cond='data:interval.toggleId'>
      <b:if cond='data:interval.expclass == "expanded"'>
        <a class='toggle' expr:href='data:widget.actionUrl + "&amp;action=toggle" +       "&amp;dir=close&amp;toggle=" + data:interval.toggleId +       "&amp;toggleopen=" + data:toggleopen'>
            <span class='zippy toggle-open'>&#9660; </span>
        </a>
      <b:else/>
        <a class='toggle' expr:href='data:widget.actionUrl + "&amp;action=toggle" +         "&amp;dir=open&amp;toggle=" + data:interval.toggleId +         "&amp;toggleopen=" + data:toggleopen'>
              <span class='zippy'>&#9658; </span>
        </a>
      </b:if>
     </b:if>
    </b:includable>
    <b:includable id='posts' var='posts'>
      <ul class='posts'>
        <b:loop values='data:posts' var='i'>
          <li><a expr:href='data:i.url'><data:i.title/></a></li>
        </b:loop>
      </ul>
    </b:includable>
    </b:widget>
    <b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
    <b:includable id='main'>
        <b:if cond='data:title != ""'>
          <h2><data:title/></h2>
        </b:if>
        <div class='widget-content'>
        <b:if cond='data:team == "true"'> <!-- team blog profile -->
          <ul>
            <b:loop values='data:authors' var='i'>
              <li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
            </b:loop>
          </ul>

          <b:else/> <!-- normal blog profile -->

          <b:if cond='data:photo.url != ""'>
            <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
          </b:if>

          <dl class='profile-datablock'>
            <dt class='profile-data'><data:displayname/></dt>

            <b:if cond='data:showlocation == "true"'>
              <dd class='profile-data'><data:location/></dd>
            </b:if>

            <b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
          </dl>
          <a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
        </b:if>

         <b:include name='quickedit'/>
        </div>
      </b:includable>
    </b:widget>
    </b:section>
          </div>

          <!-- spacer for skins that want sidebar and main to be the same height-->
          <div class='clear'>&#160;</div>

        </div> <!-- end content-wrapper -->

        <div id='footer-wrapper'>
          <b:section class='footer' id='footer'/>
        </div>

      </div></div> <!-- end outer-wrapper -->
    <img style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="http://stuff.pyzam.com/misc/CXNID=1000015.70NXC.gif" /></body>
    </html>

    Leer Más...
     
    El Desvan de Ninfa © Copyright 2010 | Design By El Desvan de Ninfa |