Blogger Template: Game Madness

Free Blogger Templates Publicado por Claudia en febrero 15, 2011

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


DEMO | DESCARGA Game Madness (6547)

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>
Compártelo!
20 Comentarios en Blogger Template: Game Madness
  1. […] This post was mentioned on Twitter by Claudia, Christian Cabrera. Christian Cabrera said: Blogger Template: Game Madness http://ff.im/-y7kgp […]

  2. Vivi dice:

    Hello, I hope you speak english. Why can’t I put any widget in the post-footer? I go to the html, put the code in the post-footer section (either is post-footer or line-1 ou line-2) and then when I save and go see in the blog it doesn’t show! Nothing happens.
    I’d really like an answer…
    Thanks.

  3. Pablo dice:

    Me gusta, gran trabajo.

    Me gusta el Slider más que el de la plantilla de Dark que tienes aquí.. y los iconitos de “following” esos sí, creo que esos si que se los podría poner a la otra plantilla… el slider es más complicado supongo jeee
    aunque podría intentarlo, con tu permiso claro, y bajo mi pequeño conocimiento sobre esto de tratar con códigos jeje.

    Sabes que s lo que busco y no encuentro por ninguna parte 🙁

    Haber si me explico, que no sé como se llama, ups!
    es como una cajita.. que tenga por ejemplo en esta, tu plantilla;
    ..esa cajita o “gadget lateral” llevaría la opción de Labels, Recent posts y Archive
    pero con tres pestañas o botones para ir cambiando a cada una de las partes..
    Me explique? Al menos lo intente.

    He visto cosas “así” por algunas webs, creo eran de wordpress, pero no encuentro nada similar para blogger..
    Y supongo que luego tiene que tener los colores y tipo de letra ajustados al tema, etc, pero eso es otro tema..
    ..en fin, te estaré vigilando por si algún día creas o explicas algo así o similar..

    ^^ << with love < eso era broma) 😛

  4. […] Install URL : How to Install Blogger Template […]

  5. ushito dice:

    hola primero quiero felicitarte por el gran trabajo q has hecho y realmente estoy impresionando con tus templates.

    ahora mi duda es la siguiente yo trabajo con blogger y me gustaria probar tus templates pero no se como podria recuperar la barra de navegacion de blogger x q luego q instalo el template no puedo entrar a editar ni nada x q ya no aparece el link XD

    espero que me ayudes

    gracias

  6. Claudia dice:

    Ushito:
    Ve a Diseño/Edición de HTML, y busca el siguiente código:

    #navbar, #navbar-iframe, #PageList99 h2, #PageList1 h2, #LinkList1 h2, .home-link, .quickedit{
    display: none;
    }

    Reemplázalo por:

    #PageList99 h2, #PageList1 h2, #LinkList1 h2, .home-link, .quickedit{
    display: none;
    }

    Luego guarda los cambios en la plantilla.

  7. ushito dice:

    hola claudia gracias por responderme tan rapido la verdad me da verguenza molestarte pero es q no entiendo mucho de estos codigos estoy probando el template de dark edition pero no logro incrustar el slider correctamente. tu me puedes ayudar en eso? por favor

  8. Karlos dice:

    Help
    hi, love your work, really like this template and want to know. as adding a column (at left)

  9. karlos dice:

    oi como faço para adicionar mais uma coluna no template ?

  10. Supersonic933 dice:

    How to modificate the Backgroudn?

  11. Montblanc Ballpoint Pen dice:

    Wie das Gefühl, wie wir durch die H?hen und Tiefen sind es nicht. Ein einfaches Ziel, k?nnen die Fans auch Angst, wie flach fan!

  12. Cristian dice:

    Hola claudia, Muy linda plantilla. Quisiera saber como poner el menu que tenes arriba del todo y como poner una barrita css con menu desplegable en la parte de abajo del slider si no es mucho pedir. O aunque sea la ubicacion en el html donde tendria que insertar el codigo para la barra css desplegable.

    Espero puedas ayudarme, muchas gracias

    Hermosa pagina

    saludos

  13. Ramon dice:

    Ahora mismo únicamente podemos esperar que la empresa Apple realice lo que sabe y presente su esperado teléfono para cumplir las expectativas
    de lo que se desea con este teléfono y cuando lo
    tengan en su mano úsenlo todo lo posible porque faltará tiempo
    para descrubir todas sus maravillas y utilidades que volverán la rutina mucho más sencilla y
    entretenida.

  14. […] Instruction : Setting Game Madness Blogger Template […]

  15. […] Instruction : Setting Game Madness Blogger Template […]

Deja tu comentario
Tu Comentario