Free Blogger Templates

Movie Show Blogger Template

Publicado por Claudia en enero 28, 2012

Movie Show es una adaptación para Blogger de un diseño que hice para WordPress. Es ideal para blogs de películas.

Movie Show Blogger Template

DEMO | DESCARGA Movie Show (1401)

Características de la plantilla:

  • Tres columnas
  • Nivo slider incorporado
  • Script para resúmenes automáticos con miniatura de imagen
  • Comentarios de autor destacados
  • Compatible con las últimas versiones de IE, Chrome y Firefox
  • Incluye logo PSD y favicon

Sigue leyendo

Tags:
Free Blogger Templates

Angry Birds Blogger Template

Publicado por Claudia en enero 27, 2012

Angry Birds” es una plantilla basada en el popular juego de Rovio del mismo nombre; diseñada originalmente para WordPress y ahora disponible para Blogger. La plantilla es gratuita para uso personal, siempre y cuando se respeten los créditos.

Angry Birds Blogger Template

DEMO | DESCARGA Angry Birds Blogger (1573)

Características de la plantilla:

  • Dos columnas
  • Nivo slider incorporado
  • Columnas inferiores (bottombar)
  • Script para resúmenes automáticos con miniatura de imagen
  • Comentarios de autor destacados
  • Compatible con las últimas versiones de IE, Chrome y Firefox
  • Incluye logo PSD y favicon

Instructions – Instrucciones

1. Setting up the slideshow
Configurando el slider

Go to Design/Edit HTML and find the following code:
Ve a Diseño/Edición de HTML y encuentra el siguiente código:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
   <div class='crosscol'>
<div id='slider-container'>
 
<div id='slider'>
 
  <a href='http://angrybirds.themesnack.net/?p=24' title='Introducing WP Theme'>
 
 <img alt='' src='http://4.bp.blogspot.com/-dPjpuC2oyXM/Ts2hwaYzI_I/AAAAAAAACq8/PRrUt7GLXV8/s1600/5.jpg' title='Introducing WP Theme'/>
 
 </a>
 
  <a href='http://angrybirds.themesnack.net/?p=21' title='Another image in a post'>
 
 <img alt='' src='http://1.bp.blogspot.com/-ENdSWyspy08/Ts2iKJP5szI/AAAAAAAACrI/QAvlVIReZQA/s1600/4.jpg' title='Another image in a post'/>
 
 </a>
 
  <a href='http://angrybirds.themesnack.net/?p=17' title='An image in a post'>
 
 <img alt='' src='http://4.bp.blogspot.com/-bUQ83dpjBt8/Ts2ij6O9sFI/AAAAAAAACrU/4PSoxsafNug/s1600/31.jpg' title='An image in a post'/>
 
 </a>
 
  <a href='http://angrybirds.themesnack.net/?p=6' title='Testing HTML elements'>
 
 <img alt='' src='http://1.bp.blogspot.com/-mUFbtJqKGsE/Ts2i2Ty0AAI/AAAAAAAACrg/WwLy-uer-5w/s1600/2.jpg' title='Testing HTML elements'/>
 
 </a>
 
  <a href='http://angrybirds.themesnack.net/?p=1' title='Category Hierarchy'>
 
 <img alt='' src='http://3.bp.blogspot.com/-uZG3YUPpUwg/Ts2jH1REctI/AAAAAAAACrs/qgyW1JddFRQ/s1600/1.jpg' title='Category Hierarchy'/>
 
 </a>
 
 </div>
 
<br clear='all'/>
 
</div>
 
      </div>
</b:if>
</b:if>

You may replace all image links by yours and set up your post descriptions and links.
Puedes reemplazar los enlaces por tus propias imágenes y configurar las descripciones de tus posts y links.

2. Setting up the social media icons.
Configurando los botones social media.

Go to Design/Edit HTML, click on “Expand widget templates” and find the following code:
Ve a Diseño/Edición de HTML, click en “expandir plantillas de artilugios y encuentra el siguiente código:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<h2>Blog Subscription</h2>
<ul id='subscription'>
 
      <li>
 
        <a href='YOUR-LINK-HERE'>
<img alt='Twitter' src='http://1.bp.blogspot.com/-iekDCUVs3Dg/Ts2ZqqRjv0I/AAAAAAAACqc/PbEaxTHQ8Ug/s1600/twitter.png'/></a>
        <h4><a href='YOUR-LINK-HERE'>Follow me</a></h4>
        <p>You can follow my updates on Twitter</p>
 
      </li>
 
      <li>
 
        <a href='YOUR-LINK-HERE'>
<img alt='Feed' src='http://3.bp.blogspot.com/-I3VbqY1KmLo/Ts2ZrHYLYNI/AAAAAAAACqk/OE57s_gmAw4/s1600/rss.png'/></a>
        <h4><a href='YOUR-LINK-HERE'>Posts RSS</a></h4>
        <p>Read my full posts on your favorite feed reader</p>
      </li>
<li>
 
        <a href='YOUR-LINK-HERE'>
<img alt='Facebook' src='http://4.bp.blogspot.com/-PcYUh1JnNb4/Ts2ZqnSa59I/AAAAAAAACqM/-r4kvPm3V7k/s1600/facebook.png'/></a>
        <h4><a href='YOUR-LINK-HERE'>Facebook</a></h4>
        <p>Become a fan of our blog on Facebook</p>
      </li>
    </ul>

Puedes modificar los textos a tu antojo. Para cambiar los textos del buscador, utiliza CTRL+F para encontrar en tu plantilla las palabras que desees modificar.

Tags: , ,
Blogger

30+ sitios adonde enviar tus plantillas Blogger

Publicado por Claudia en enero 24, 2012

Además de comprar (o intercambiar) enlaces de texto o espacios publicitarios, comprar enlaces en temas de WordPress, Joomla u Blogger que se distribuyen gratuitamente es una buena inversión para conseguir enlaces entrantes para nuestro blog y rankear mejor. A la hora del linkbuilding, todo es válido; pero a veces no es necesario gastar dinero si aprovechas tus habilidades y creatividad.

Si buscas mejorar tu pagerank y obtener más visitas para tu blog y eres bueno diseñando plantillas exclusivas para Blogger (o haciendo adaptaciones CSS de temas diseñados para otras plataformas) o tienes alguna que quieras compartir con todo el mundo, te dejo un listado de más de 30 directorios para enviar tus templates.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
http://www.allblogtools.com/
http://www.bestbloggertemplates.net/
http://besttheme.net/
http://www.bietemplates.com/
http://www.bloggertemplatesblog.com/
http://bloggertemplateshub.com/
http://www.bloggertipz.com/
http://www.bloggertricksandtoolz.com/
http://www.blogspottemplate.net/
http://blogtemplate4u.com/
http://www.blog-zone.info
http://borneotemplates.com/
http://btemplates.com
http://www.btemplates4u.com/
http://www.btheme.info/
http://csstemplates.net/
http://www.coolbthemes.com/
http://www.denidi.net/
http://www.dhetemplate.com
http://javatemplates.com
http://www.mybloggerthemes.com/
http://www.mytemplatez.com/
http://www.newbthemes.com
http://www.premiumbloggertemplates.com/
http://www.premiumbtemplates.com/
http://www.probloggertemplate.com
http://www.raytemplates.com/
http://www.templatebloggers.com
http://www.templategator.net/
http://www.templates-blogger.com/
http://freethemes4all.com/
http://thetemplatebank.com/
http://www.zoomtemplate.com/

Algunas recomendaciones prácticas:

  • Procura que tu template se vea limpio, y tenga una mínima calidad para que sea aceptado en los distintos directorios. Plantillas más bonitas, que sirven para múltiples nichos y con más características suelen tener más descargas.
  • Incluye instrucciones precisas.
  • Busca algún servicio de hosting seguro para subir tus plantillas, si no dispones de hosting propio. Por ejemplo, Box.net.
  • Incluye los scripts en la misma plantilla (si usa), y hospeda las imágenes en Blogger o álbumes web de Picasa (no photobucket ni imageshack, porque el ancho de banda es limitado).
  • No olvides incluir un enlace a tu sitio en el footer, indicando la licencia de la plantilla.
Tags:
Blogger

Blogger habilita los comentarios anidados

Publicado por Claudia en enero 12, 2012


Los usuarios de Blogger tienen cada vez menos que envidiarle a WordPress, al menos en su versión gratuita. Hace algunas horas, en Blogger Buzz se dio a conocer la nueva característica incorporada a la popular plataforma de blogs: los comentarios anidados.

Esta nueva mejora el sistema de comentarios de Blogger funciona automáticamente en nuevas plantillas y sin necesidad de entrar en Blogger in Draft, siempre y cuando el usuario, en su Panel de Control, haya elegido las siguientes opciones:

  • En Configuración/Otros/Permitir feed del blog: Completo
  • En Configuración/Entradas y comentarios/Ubicación de los comentarios: Debajo de la entrada

Lo positivo de los comentarios anidados, es que al incluir el botón “Responder”, facilitan la interacción entre los visitantes, permitiendo identificar claramente cuándo hacen comentarios generales o cuándo están respondiendo a alguien en particular. No obstante, los comentarios anidados funcionarán sólo en las nuevas plantillas Blogger lanzadas en año pasado y en instalaciones recientes de las plantillas de diseño de 2006.

Quienes hayan instalado plantillas diseñadas por terceras partes o hecho modificaciones en el código, deberán “Restablecer plantillas de artilugios a los valores predeterminados“, en la Edición de HTML del blog y previo respaldo de la plantilla por si algo no llegara a funcionar bien.

Vía | Way2Blogging, Google Operating System

Tags: ,
Productos Google, Tutoriales

Crea tu correo profesional con Google Apps con tu dominio de Blogger

Publicado por Claudia en enero 7, 2012

Hace dos años tengo un correo del tipo contacto@minombre.com. Lo doy porque es más fácil de deletrear, y es mucho más profesional que un correo hotmail o un gmail lleno de letras y números raros. A veces me preguntan cómo tengo ese correo. Es simple, respondo: Sólo tienes que comprar un dominio por unos US$8 al año.

Al final, tener un correo con tu nombre o el de tu organización, es mucho más sencillo y barato de lo que el común de la gente piensa. Yo tengo WordPress, y creo mis correos de contacto desde el CPanel, porque es más simple, pero cualquier persona que haya comprado un dominio puede tener un correo con su dominio usando Google Apps fácilmente.

¿Eres usuario de Blogger.com y tienes tu propio dominio? A continuación, te explicamos cómo crear tu correo @tudominio gratis, usando Google Apps.

Crea tu correo en Google Apps

El primer paso, es ir a la versión gratuita de Google Apps, que te permite crear hasta 10 correos electrónicos sin costo alguno.

Google Apps

Una vez allí, presionamos el botón “Cómo empezar“. Suponiendo que queremos usar un dominio ya existente, que hemos comprado previamente, ingresamos nuestro nombre de dominio sin www. Ejemplo: tipsdecocina.net. Presionando el botón “Empezar ahora”, veremos un formulario de registro, donde tendremos que completar los campos indicados.

formulario Google Apps

Completando todos los datos, incluyendo un correo electrónico de referencia (ya existente, que podamos revisar posteriormente), hacemos click en “Continuar“, y saltamos al tercer paso de configuración de nuestro nuevo correo. Si resides en Chile, antepone un “9” a tu número de celular (son 9 dígitos en total).

Ahora podemos elegir el nombre de usuario y contraseña de nuestro correo. Yo elegí hola@tipsdecocina.net. Aceptando los términos del servicio de Google Apps, seremos redireccionados a un panel de opciones de escritorio, donde veremos las aplicaciones que podemos usar: Email, Google Calendar, Google Docs, etc. Tu correo está casi listo para ser usado.

El último paso: verifica tu dominio

Para comenzar a usar el nuevo correo creado, necesitas verificar que el dominio en cuestión es tuyo. Para ello, necesitas hacer click en el enlace “Verify your domain” que aparece bajo el ícono de Email en tu escritorio, o ir a la opción Setup/Verify domain ownership
. Haciendo click en el botón “Next“, tendrás que ingresar con tu nuevo correo electrónico y contraseña.

Si usas Blogger, para verificar que eres dueño de tu dominio, en la pestaña “Alternate methods“, puedes elegir una de estas tres opciones: añadir una meta tag en tu plantilla, usar tu cuenta de Google Analytics (si ya tienes), o modificar tus registros DNS en la configuración de tu dominio. Recomiendo la primera alternativa, porque es más simple: sólo será cosa de copiar el código dado bajo la etiqueta <head> en la edición de HTML de tu plantilla.

Una vez hecho esto, hacemos click en “Verify“, y podremos acceder a nuestro nuevo correo en 5 a 10 minutos (por lo general, inmediatamente).

En Setup/Users and groups, tenemos la opción de crear correos para los demás miembros de nuestro equipo.

Ingresa a tu nuevo correo

Una vez que has creado tu correo y verificado tu dominio, podrás acceder:

  • Desde http://mail.google.com/a/tudominio, ingresando tu nombre de usuario y contraseña
  • O desde Gmail.com, ingresando tu correo completo (ej. hola@tipsdeconina.net) y contraseña.

Consideraciones finales

  • Si ya tienes una cuenta de Gmail, puedes revisar tu nueva cuenta de correo @tudominio desde tu viejo correo (es algo que veremos en otro tutorial).
  • Tener un correo con tu dominio, le dará más profesionalismo y lo que haces y ayudará a promocionar tu blog o página web. Si ya tienes tu propio dominio, ¿qué esperas para crear tu correo?
Tags: