Pro Games Template

Descargar plantilla para Blogger "Pro Games Template" exclusiva para difusión de videojuegos. La plantilla es gratuita y fue diseñada el año 2019.

Pro Games Template - Portada

DEMO DESCARGAR

La plantilla ha sido liberada de forma gratuita y esta genial para armar algo de warez o alguna pagina de reviews sobre videojuegos e incluso puede modificarse para películas, cómics o mangas. Es una plantilla sencilla y elegante, la descarga contiene dos archivos: primero "obvio" la plantilla 😅 en XML y un texto con el HTML necesario para crear una entrada.

El autor es Anfegr y puedes visitar su blog en este enlace. El formato puede que XML puede que falle a la hora de la instalación, pero deben abrirlo con un bloc de notas, copiar y pegar todo el contenido en su editor HTML de Blogeer, luego le dan a guardar y no tendrán problema. A continuación les dejo algunas indicaciones para que puedan utilizar sin problemas la plantilla.

Crear entradas en plantilla "Pro Games Template"

Como recomendación antes de crear una entrada debes tener listas para subir las siguientes imágenes:
  1. game-banner: Es el fondo que se muestra al inicio del post junto a la caratula.
  2. game-poster: Es la portada del juego y te recomiendo subirla de inmediato antes de meter el código para que blogger la detecte como imagen principal.
  3. capturas: por defecto son 4 y te recomiendo que lo mantengas así por un tema de carga más rápida.
El código a agregar en cada entrada es el siguiente: (te recomiendo trabajar esta plantilla con entradas solo en HTML, para evitar des-configuraciones del post)
<div class="game-banner" style="background: url('https://1.bp.blogspot.com/-UceQtGM0PPI/XYuug9ZiHBI/AAAAAAAACKc/HiN9D7hsGgw7LsyS2Pc3J4KeT8TqRAedACLcBGAsYHQ/s1600/gta-wallpaper.jpg');background-size: cover;background-position: center">
    
        <div class="game-poster">
            <img src="https://3.bp.blogspot.com/-mZbcxMYJj-E/XYuuetGs1wI/AAAAAAAACKU/bJObyQ3raycshTDdyP4SYMTtR3oTrvEMQCLcBGAsYHQ/s1600/gta.jpg" alt="">
        </div>
        <div class="game-name">
            <h2>GTA: San Andreas</h2>
            <h3>Tamaño: 1GB</h3>
        </div>
    
    </div>   
    
     <div class="sinopsis">
         <h2 class="subtitle"><i class="fas fa-quote-right"></i> Sinopsis</h2>
         <p>El juego Grand Theft Auto: San Andreas nos lleva a California, años 90. Carl Jonson, alias CJ, vuelve a su barrio natal para asistir al funeral de su madre tras haber pasado cinco largos años en Liberty City y, aunque no tenía la más mínima intención de dejarse arrastrar de nuevo por la vida callejera, las circunstancias le obligarán a embarcarse en una frenética aventura luchando para conservar su familia, su banda y su propia vida. </p>
     </div> 
     
     
<h2 class="subtitle"><i class="fas fa-info-circle"></i> Características</h2>
       <div class="pg-tabla">
        <table>
            <tr>
                <th>Característica 1</th>
                <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga repudiandae nulla delectus unde minima necessitatibus omnis eaque, enim quod ipsum!</td>
            </tr>
            <tr>
                <th>Característica 2</th>
                <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius mollitia, quisquam fugit excepturi, repudiandae tenetur ducimus cumque nobis quas dicta.</td>
            </tr>
            <tr>
                <th>Característica 3</th>
                <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae deserunt, hic fugiat, odit corrupti iste totam mollitia, aspernatur ad magnam dolor? Maiores aliquam ab inventore id doloribus autem alias modi. Ipsa quis placeat in laborum similique nemo voluptatem quo sapiente.</td>
            </tr>
        </table>
    </div>
    
    
    <h2 class="subtitle"><i class="fas fa-camera-retro"></i> Capturas</h2>
     <ul class="slider">
           <li>
               <input type="radio" name="sradio" id="sbutton1" checked>
               <label for="sbutton1"></label>
               <img src="https://1.bp.blogspot.com/-h1NBdWFB0jo/XYuufovugGI/AAAAAAAACKY/5WF7AlDY0ycxtYCAc8CDygcohHkYVwg2gCLcBGAsYHQ/s1600/SA.jpg"/>
           </li>
           <li>
               <input type="radio" name="sradio" id="sbutton2">
               <label for="sbutton2"></label>
               <img src="https://1.bp.blogspot.com/-UceQtGM0PPI/XYuug9ZiHBI/AAAAAAAACKc/HiN9D7hsGgw7LsyS2Pc3J4KeT8TqRAedACLcBGAsYHQ/s1600/gta-wallpaper.jpg"/>
           </li>
           
           <li>
               <input type="radio" name="sradio" id="sbutton3">
               <label for="sbutton3"></label>
               <img src="https://1.bp.blogspot.com/-h1NBdWFB0jo/XYuufovugGI/AAAAAAAACKY/5WF7AlDY0ycxtYCAc8CDygcohHkYVwg2gCLcBGAsYHQ/s1600/SA.jpg"/>
           </li>
           
           <li>
               <input type="radio" name="sradio" id="sbutton4">
               <label for="sbutton4"></label>
               <img src="https://1.bp.blogspot.com/-UceQtGM0PPI/XYuug9ZiHBI/AAAAAAAACKc/HiN9D7hsGgw7LsyS2Pc3J4KeT8TqRAedACLcBGAsYHQ/s1600/gta-wallpaper.jpg"/>
           </li>
       </ul>
       
    <h2 class="subtitle m-top1">Enlaces de descarga</h2>
    <div class="descarga">
        <a href="https://www.aprendicesweb.com/" class="mega"><i class="fas fa-cloud-download-alt"></i> MEGA</a>
        <a href="#" class="drive"><i class="fab fa-google-drive"></i> Drive</a>
        <a href="#" class="mf"><i class="fas fa-fire"></i> Mediafire</a>
        <a href="#" class="utorrent"><i class="fab fa-ubuntu"></i> Torrent</a>
    </div>
Deje marcado con colores para que se ubiquen mejor en las secciones donde van las imágenes y solo deben cambiar la url terminada en .jpg por su url de las imágenes que suban al post. Finalmente solo agregan los enlaces de descargar que están al final.

Configuración de la portada

Por defecto se agregan las ultimas entradas, pero puedes agregar sección como por ejemplo: Terror, RPG, Lucha, entre muchas más en la sección "Diseño" → "Crear secciones". Donde encontraras un widget de vinculos donde simplemente agregas el que tu quieras.

Para cambiar los enlaces del menú despegable debes ir a la Edición HTML de tu Blogger y buscar "buscador-s" y podrás editar esa sección.

Sin más espero disfruten la plantilla esta genial.

Comentarios

Estas cordialmente invitado a compartir tu ideas y comentarios.