Gameliso Magazine Blogger Template

Esta es una plantilla ideal para Revista.

Dispone de Tres Columnas con tres columnas, dos barras laterales.
Dispone de un Slider y un carrusel de contenido destacado.
También tiene una barra de navegación tanto en la parte superior como en la inferior.

Demo Descargar Plantilla

<b:if cond='data:blog.pageType != "item"'>

Cómo configurar la plantilla

Lea las instrucciones dadas a continuación para configurar la Plantilla de Blogger de Gameliso Magazine.

Cómo agregar enlaces al menú de navegación superior

Vaya a "Layout". Haga clic en el enlace "Editar" del widget "Editar este menú".

Ahora agrega tus enlaces a ese widget de lista de enlaces.

Cómo agregar vínculos al menú de navegación inferior

Encuentra esto en "Editar HTML":

<Ul class = 'bot-menu'>

    <Li> <a href='#'> Inicio </a> </ li>

    <Li> <a href='#'> Juegos </a> </ li>

    <Li> <a href='#'> General </a> </ li>

    <Li> <a href='#'> Deportes </a> </ li>

    <Li> <a href='#'> Uncategorized </a> </ li>

</ Ul>

Reemplace las marcas "#" con URL reales y cambie los textos de anclaje a su gusto.

Cómo configurar el contenido de contenido deslizante:

Encuentra esto en "Editar HTML":

<Div id = 'slidewrap'>

<Ul id = 'myRoundabout'>

    <! - inicio de código de la diapositiva 1 ->

    <Li> <a href='ENTER-SLIDE-1-LINK-HERE'> <img height = '225' src = 'http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirJS9riB4HAt_iPD0PjGAA8jHSBs_iM4Gssw_5q1iW5g5rAuXBs2VaZxj2s0n9KrobpCPeqOC7NLMeoDI6JxC0f4f7moi1dVZ-J-M-B1x-k4INYsG1WZ-SB3i9QWEK8TZKt7b7uYa5XQ0/ S1600 / slide-image-1.jpg 'width =' 350 '/> </a> </ li>

    <! - diapositiva 1 código final ->

    <! - inicio de código de la diapositiva 2 ->

    <Li> <a href='ENTER-SLIDE-2-LINK-HERE'> <img height = '225' src = 'http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxIrIE6vfc7zwCtZ5MCzv1ZaBtyGOzEHNwFuf1X6tn9qbc8cuHfPLPKyp9nGd14h_SaxUwOK7qANkU9wqaPapH7Bvqy4paczDZv7o_GwkSruO_yjEGhfVYGbUgYm7vTPKTYzLiEOPcXCM/ S1600 / slide-image-2.jpg 'width =' 350 '/> </a> </ li>

    <! - diapositiva 2 código final ->

    <! - inicio del código de la diapositiva 3 ->

    <Li> <a href='ENTER-SLIDE-3-LINK-HERE'> <img height = '225' src = 'http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVQ-T6AD6yP5rbKUdDFlq_5E-KzlbfTqVKoZHhaO3L1OxHiNe8uj2fDDkFuq5Z1G6DrFBzk_7rh-vQMFiwRkV9d1iQJJrd08Ke2ybgVsR8dBCkTVgRK0uZsSqVXcyn1dmo2MmrgW2AFEw/ S1600 / slide-image-3.jpg 'width =' 350 '/> </a> </ li>

    <! - diapositiva 3 código final ->

    <! - inicio del código de la diapositiva 4 ->

    <Li> <a href='ENTER-SLIDE-4-LINK-HERE'> <img height = '225' src = 'http: //3.bp.blogspot.com/-VsyltH-0YQo/Up3bYxyG5rI/AAAAAAAAJQI/ CGWHrwuQY60 / s1600 / slide-image-4.jpg 'width =' 350 '/> </a> </ li>

    <! - diapositiva 4 código final ->

    <! - inicio de código de la diapositiva 5 ->

    <Li> <a href='ENTER-SLIDE-5-LINK-HERE'> <img height = '225' src = 'http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2UhVwdyhF-MwbxMlH3ZNYljgAM4vjh9HOq8X0ipPcO852ppoRClWfSnCF0P7hhs624O_AEd0CmdBX7qShUwJ6qu6rsZbH6VpL89ziStYb2Al6EdV8L_RF5wft-tY7yTI2l5-e_zUEUus/ S1600 / slide-image-5.jpg 'width =' 350 '/> </a> </ li>

    <! - diapositiva 5 código final ->

</ Ul>

</ Div>

Hay 5 diapositivas en el control deslizante.

Ahora reemplace,

"ENTER-SLIDE-X-LINK-HERE" s con su enlace real de diapositivas,

URL de la imagen de diapositiva,

Para cada diapositiva. (X = 1 o X = 2 o X = 3 o X = 4 o X = 5)

Cómo configurar Post Carousel:

Encuentra esto en "Editar HTML":

<Div class = 'stepcarousel' id = 'mygallery2'>

    <Div class = 'cinturón'>

       <! - Inicio del panel 1 ->

       <Div class = 'panel'>

          <a href='ENTER-FEATURED-POST-1-LINK-HERE'> <img height = '120' src = 'http: //1.bp.blogspot.com/-m633FyND614/UphVRE0iUNI/AAAAAAAAI-U/M5hWvL3lRPg /s1600/panel-image-1.jpg 'width =' 150 '/> </a>

       </ Div>

       <! - panel 1 código final ->



       <! - Inicio del panel 2 ->

       <Div class = 'panel'>

          <a href='ENTER-FEATURED-POST-2-LINK-HERE'> <img height = '120' src = 'http: //4.bp.blogspot.com/-TOUqRryO408/UphVRfxbRLI/AAAAAAAAI-c/alJuOi4zApE /s1600/panel-image-2.jpg 'width =' 150 '/> </a>

       </ Div>

       <! - panel 2 código final ->



       <! - inicio del código del panel 3 ->

       <Div class = 'panel'>

          <a href='ENTER-FEATURED-POST-3-LINK-HERE'> <img height = '120' src = 'http: //3.bp.blogspot.com/-zOIAUKr6_hI/UphVRMvnSfI/AAAAAAAAI-Y/_O -qR48vPdw / s1600 / panel-image-3.jpg 'width =' 150 '/> </a>

       </ Div>

       <! - panel 3 código final ->



       <! - inicio del código del panel 4 ->

       <Div class = 'panel'>

          <a href='ENTER-FEATURED-POST-4-LINK-HERE'> <img height = '120' src = 'http: //1.bp.blogspot.com/-yBQ_LpLo26Y/UphVSN_mPsI/AAAAAAAAI-w/iL0FekVU -mw / s1600 / panel-image-4.jpg 'width =' 150 '/> </a>

       </ Div>

       <! - panel 4 código final ->



       <! - inicio del código del panel 5 ->

       <Div class = 'panel'>

          <a href='ENTER-FEATURED-POST-5-LINK-HERE'> <img height = '120' src = 'http: //4.bp.blogspot.com/-vZiPOxhboVk/UphVSTu_7MI/AAAAAAAAI-s/pxCeIjWT4hk /s1600/panel-image-5.jpg 'width =' 150 '/> </a>

       </ Div>

       <! - panel 5 código final ->



       <! - inicio del código del panel 6 ->

       <Div class = 'panel'>

          <a href='ENTER-FEATURED-POST-6-LINK-HERE'> <img height = '120' src = 'http: //1.bp.blogspot.com/-FiGcWDd8c6U/UphVSuifEnI/AAAAAAAAI-0/FjvEi9q5fHg /s1600/panel-image-6.jpg 'width =' 150 '/> </a>

       </ Div>

       <! - panel 6 código final ->



    </ Div>

    <a class='prev' href='javascript:stepcarousel.stepBy(' mygallery2', -1)'/>

    <a class='next' href='javascript:stepcarousel.stepBy(' mygallery2', 1)'/>

</ Div>

<! - / mygallery ->

Hay 6 paneles en el carrusel. Usted puede agregar un quitar más paneles si usted quiere.

Ahora reemplace,

"ENTER-FEATURED-POST-X-LINK-HERE" s con su vínculo de post destacado real,

URL de la imagen del panel,

Para cada panel. (X = 1 o X = 2 o X = 3 o X = 4 o X = 5 o X = 6)

Cómo configurar botones sociales

Encuentra esto en "Editar HTML":

<Div class = 'custom_images'>

    <a href='#' rel='nofollow' target='_blank'> <img alt = 'delicious' src = 'http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA05ctfOa71RmTn9mViC_FDXfAolajzh0RminOj-cUOybNbMandh1Sgti_EF4rclrDgupEH1WnUecwovpJnktH6l0oJ2ESJGSftNGmQFD74Q77RAdrodfV4pQYgTJptWFhd4Nda4eTMK0/ /delicious.png '/> </a>

    <a href='#' rel='nofollow' target='_blank'> <img alt = 'digg' src = 'http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZUfY5cp3xIuJOiXGglYzF8EAyaN1Tkyi7_ZZJN4T6tPsa5iS_hkNAK8UfMbxC17UzbOCwfo-VlpGz1C56BnriHSvVDvm4WHwU_Eyh86l6S_IxUN9GZkFMlc9evcmVD2ZE9GZXra2zSJ4/ /digg.png '/> </a>

    <a href='#' rel='nofollow' target='_blank'> <img alt = 'Síguenos en Twitter' class = 'tweet' src = 'http: //2.bp.blogspot.com/-8Gezk_H_oOM /Up3bSfFlGuI/AAAAAAAAJPU/Tyv7wp_3swQ/s1600/twitter.png '/> </a>

    <a href='#' rel='nofollow' target='_blank'> <img alt = 'stumbleupon' src = 'http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii1Ka2XjmVCstYQU_DCo3DVEG2CFg61Lpbq-vwvwwSi_X9vWJC7qV26vUOeKimSWfXwVwpzq2UxAt2NpRGmzUDX4-p6J-JaVbIfvRhg0fEPdl3UqH57LZEzjnso-i-cH9A1sagcqi9NU4/ /stumbleupon.png '/> </a>

    <a href='#' rel='nofollow' target='_blank'> <img alt = 'facebook' src = 'http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFbSr_bjY5NzEpewcDa9qG41reuMLh5pP0e67J8hlQl12yOxvrB5-Ufs0hqQ30ThmpbWg999VVYDE1WB_wLMOwnJiRA1wEqZFN4dNvj0L2t3SYRF8hIkEW2bBY0hGXef1Zo6OArx7Jq5o/ /facebook.png '/> </a>

    <a href='#' rel='nofollow' target='_blank'> <img alt = 'Suscribirse vía correo electrónico' class = 'mail' src = 'http: //1.bp.blogspot.com/-y3eKSTEBMd4/ Up3bQ9DO4VI / AAAAAAAAJPM / -1JtBsZH0LE / s1600 / email.png '/> </a>

    <a href='#' rel='nofollow' target='_blank'> <img alt = 'Suscribirse a RSS' class = 'rss' src = 'http: //2.bp.blogspot.com/-tnlUoKneiAU/ Up3bRc6qFyI / AAAAAAAAJO4 / MbVMl8Gy3Ag / s1600 / rss.png '/> </a>

</ Div>

Agregue sus propios enlaces sociales reemplazando las marcas "#".

Importante !!!:

No elimine los créditos de pie de página. Esta plantilla de Blogger de Gameliso Magazine es gratuita para uso personal y comercial. Sin embargo, se le requiere mantener los enlaces de pie de página intactos que proporciona el debido crédito a sus diseñadores y autores.

Ingredientes

h3.post-title {