Chica Blogger

“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.

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.

Game Strike es una plantilla para blogs de juegos, inspirada en Counter Strike.

DEMO | DESCARGA Game Strike (1724)

• 2 columnas de ancho fijo
• Coin slider incorporado
• Columnas inferiores
• Buscador interno
• Iconos social media
• Incluye las últimas funciones de Blogger
• Comentarios de autor destacados
• PDS logo (font: Android Nation)

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:

<!-- Featured Content Slider Started -->
 
 
<div id='slide'>
<div id='gallerycover'>
<ul>
 
<!-- Featured Slide 1 Code Start -->
<li>
<a href='SLIDER-1-LINK-HERE'>
<img class='slidim' src='http://3.bp.blogspot.com/-eV92P4chlBc/ThGAKOx0ArI/AAAAAAAACXI/QQBZuo5ayFg/s1600/1.jpg'/>
<span>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger Edit HTML and find these sentences. Now replace these with your own descriptions[...] </p>
</span>
</a>
</li>
<!-- Featured Slide 1 Code End -->
 
 
<!-- Featured Slide 2 Code Start -->
<li>
<a href='SLIDER-2-LINK-HERE'>
<img class='slidim' src='http://2.bp.blogspot.com/-CrZBtCL5jnY/ThGAL4F5YWI/AAAAAAAACXM/8uGvL05bfW0/s1600/2.jpg'/>
<span>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger Edit HTML and find these sentences. Now replace these with your own descriptions[...] </p>
</span>
</a>
</li>
<!-- Featured Slide 2 Code End -->
 
 
<!-- Featured Slide 3 Code Start -->
<li>
<a href='SLIDER-3-LINK-HERE'>
<img class='slidim' src='http://3.bp.blogspot.com/-5wxUIkAuWPk/ThGANXcIGLI/AAAAAAAACXQ/7jh2kB6umqo/s1600/3.jpg'/>
<span>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger Edit HTML and find these sentences. Now replace these with your own descriptions[...] </p>
</span>
</a>
</li>
<!-- Featured Slide 3 Code End -->
 
 
<!-- Featured Slide 4 Code Start -->
<li>
<a href='SLIDER-4-LINK-HERE'>
<img class='slidim' src='http://2.bp.blogspot.com/-vtNpmGJLSlQ/ThGARlhHYDI/AAAAAAAACXU/73dGGJ6Wr7g/s1600/4.jpg'/>
<span>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger Edit HTML and find these sentences. Now replace these with your own descriptions[...] </p>
</span>
</a>
</li>
<!-- Featured Slide 4 Code End -->
 
</ul>
</div>
</div>

You may replace all image links by yours.
Puedes reemplazar los enlaces por tus propias imágenes.

Plantilla Blogger gratuita basada en Assassins Creed, ideal para blogs de juegos.

DEMO | DESCARGA Game Madness (2841)

Características:

• 2 columnas ancho fijo
• columnas inferiores
• Coin slider incorporado
• Soporta las últimas funciones de Blogger
• Comentarios de autor destacados
• jQuery tiptip incorporado
• Dos versiones: con y sin excerps automáticos
• Incluye logo PSD
• Crossbrowser compatible

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:

<!-- Featured Content Slider Started -->
 
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
 
<div id='slide'>
<div id='gallerycover'>
<ul>
 
<!-- Featured Slide 1 Code Start -->
<li>
<a href='SLIDER-1-LINK-HERE'>
<img class='slidim' src='http://4.bp.blogspot.com/-erRWWS5YHhk/TVQrdjWzghI/AAAAAAAACNs/vPhTrziwmTo/s1600/1.jpg'/>
<span>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger Edit HTML and find these sentences. Now replace these with your own descriptions[...] </p>
</span>
</a>
</li>
<!-- Featured Slide 1 Code End -->
 
 
<!-- Featured Slide 2 Code Start -->
<li>
<a href='SLIDER-2-LINK-HERE'>
<img class='slidim' src='http://4.bp.blogspot.com/-0xAuygueLw0/TVQrlVd9k-I/AAAAAAAACNw/6DG4Az_v5y8/s1600/2.jpg'/>
<span>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger Edit HTML and find these sentences. Now replace these with your own descriptions[...] </p>
</span>
</a>
</li>
<!-- Featured Slide 2 Code End -->
 
 
<!-- Featured Slide 3 Code Start -->
<li>
<a href='SLIDER-3-LINK-HERE'>
<img class='slidim' src='http://2.bp.blogspot.com/--5BhUOaEZsc/TVQrnwI6k9I/AAAAAAAACN0/UHEf2qx41V0/s1600/3.jpg'/>
<span>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger Edit HTML and find these sentences. Now replace these with your own descriptions[...] </p>
</span>
</a>
</li>
<!-- Featured Slide 3 Code End -->
 
 
<!-- Featured Slide 4 Code Start -->
<li>
<a href='SLIDER-4-LINK-HERE'>
<img class='slidim' src='http://2.bp.blogspot.com/-VIey6IJDg1M/TVQrp-nyVsI/AAAAAAAACN4/gH0lQWVbv5M/s1600/4.jpg'/>
<span>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger Edit HTML and find these sentences. Now replace these with your own descriptions[...] </p>
</span>
</a>
</li>
<!-- Featured Slide 4 Code End -->
 
</ul>
</div>
</div>
 
</b:if></b:if>
 
<!-- Featured Content Slider End -->

In that code, you must replace every image by your new image link. Every image must be 840px × 270px. You can also link your featured post and replace every description by yours. You can also remove the whole code if you want.
En ese código, debes reemplazar cada enlace por el enlace directo a tu nueva imagen. Cada imagen debe ser 840px × 270px. También puedes poner los enlaces a tus posts destacados y reemplazar las descripciones. También puedes remover todo el código si no quieres que se muestre el slider.

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

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

<div id='social'>
<ul>
<li><a class='tooltip' href='#' title='Facebook'><img src='http://1.bp.blogspot.com/_V-IXTBBt1Bg/TVLsRSFQiCI/AAAAAAAACMs/JH_Ao3FA-Mo/s1600/facebook.png'/></a></li>
<li><a class='tooltip' href='#' title='Subscribe'><img src='http://3.bp.blogspot.com/_V-IXTBBt1Bg/TVLsUJY36yI/AAAAAAAACM0/K32l_i0Cg8M/s1600/rss.png'/></a></li>
<li><a class='tooltip' href='#' title='Twitter'><img src='http://2.bp.blogspot.com/_V-IXTBBt1Bg/TVLsXPki2UI/AAAAAAAACM8/So-P-S67Wgc/s1600/twitter.png'/></a></li>
<li><a class='tooltip' href='#' title='Technorati'><img src='http://4.bp.blogspot.com/_V-IXTBBt1Bg/TVLsVyin7EI/AAAAAAAACM4/qXTK-eDGnDc/s1600/tecnorati.png'/></a></li>
<li><a class='tooltip' href='#' title='Delicious'><img src='http://3.bp.blogspot.com/_V-IXTBBt1Bg/TVLsQC88LcI/AAAAAAAACMo/6X2TtHPQzR8/s1600/delicious.png'/></a></li>
<li><a class='tooltip' href='#' title='Flickr'><img src='http://3.bp.blogspot.com/_V-IXTBBt1Bg/TVLsSi-GFNI/AAAAAAAACMw/qpxqxs0LxTc/s1600/flickr.png'/></a></li>
</ul>
</div>

Dark Edition es un template para Blogger que puede ser utilizado para blogs de juegos, o para otros fines. Es gratuito, pero es necesario mantener el footer intacto.

DEMO | DESCARGA Dark Edition (2194)

Características:

• 2 columnas
• Columnas inferiores
• S3 slideshow incorporado
• Lavalamp plugin en el menú principal
• Comentarios de autor destacados
• Compatible con IE, Firefox, Chrome
• Ads ready

La gran simpleza de Twitter no ha impedido que podamos jugar mientras twitteamos. Así, se han desarrollado juegos en plataformas externas, y aun juegos que podemos jugar directamente en Twitter mientras describimos lo que estamos haciendo, o mientras le respondemos a algún follower.

Aquí, más de seis juegos para pasar un divertido rato en la twitósfera:

1. Twitbrain. Siguiendo a @twitbrain en Twitter, verás periódicamente ejercicios matemáticos para entrenar tu mente. Quien primero acierte al resultado, ganará un punto y podrá figurar entre los Top 10 del día, el mes o de todos los tiempos. No vale usar calculadora!

2. Whose Tweet es el  “adivina quién” versión Twitter. El juego te muestra una frase aleatoria dicha por uno de tus followers en las últimas horas y tú deberás adivinar quién la dijo. Tienes 6 alternativas y un total de 20 frases. ¿Creías conocer a tus followers?

3. Beat my Tweet: Un “word scramble” de palabras, muy útil para ejercitar el inglés. Son palabras cuyas letras se muestran desordenadas, y que debes ordenar (respondiendo a @BeatMyTweet) en un lapso de 15 minutos. Sólo los 10 primeros en responder correctamente ganan puntos, por lo cual debes ser muy rápido.

4. Twoof: Es una serie de divertidísimos juegos flash para jugar online, entre los cuales se incluye el adictivo Space Invaders. Si bien estos juegos no se juegan directamente en Twitter, al ingresar nuestro nombre de usuario y contraseña podemos entrar al ranking de “los mejores twiteros”, o enviar un tweet directamente desde la web.

5. TweetBomb: Cada día, se elige al azar a un usuario. Ese usuario es bombardeado por otros, quienes escriben su @nombredeusuario. Lo curioso, es que la víctima del bombardeo siempre aumenta radicalmente sus followers. Si sigues a @Tweetbomb en Twitter, puedes ser la próxima víctima.

6. OutWit: Son tres simples juegos de palabras para estimular la mente (en inglés), que puedes jugar desde la web o desde tu cuenta Twitter:

• @Tweet_Quiz: Preguntas a modo de trivia, donde debemos adivinar las palabras escondidas (hay pistas).

• @Tweet _Words: Adivina una frase, que contiene letras que son reveladas a modo de pista en cada nuevo tweet.

• @Tword_Chains: Convierte palabras en nuevas palabras, alterando una letra  (quitando, añandiendo o cambiando de lugar). Por ejemplo,  MILK to SILL: MILK -> MILL-> MILLS -> SILL.

Y tú, ¿te animas a jugar?

Vía: TechCrunch, Twi5, Wwwhat’s New, otros.