Plantilla ClickMag

La plantilla Click Mag para Blogger, es una plantilla diseñada para WordPress.

Su gran diseño es ideal para crear revistas atractivas y dinámicas con un diseño mínimo y fácil modificación.

Nunca ha existido una plantilla de blogger que sea tan receptiva, compatible con SEO y de carga rápida como la plantilla de blogger de Click Mag News Magazine.

La plantilla de blogger de la revista Click Mag News está codificada utilizando un marco contemporáneo para componentes de fragmentos enriquecidos

. Hay varias opciones dinámicas disponibles, incluidos formatos de publicación dinámicos, miniaturas de video y navegación fija, así como un widget de pie de página único y una barra lateral izquierda fija. Puede mostrar sus publicaciones en una presentación de diapositivas receptiva.

Hay numerosas secciones de blog en la plantilla de blogger de la revista Click Mag News, lo que permite a los usuarios crear diferentes tipos de material.

 Con un diseño tradicional y limpio, la plantilla para blogger de la revista Click Mag News ofrece blogs personales de alta calidad.

Live DemoClick here Download NowClick here

1: Instalación

1. Descomprima el archivo Template.zip.
2. En el panel de control de Blogger , haga clic enPlantilla.
3. Haga clic enCopia de seguridad de restauracion.
4. Haga clic enDescargar plantilla completapara mantener su plantilla anterior.
5. Haga clic en el botón Examinar . Encuentra dónde está .xml fileubicado.
6. Luego seleccione el archivo .XML
7. Luego haga clicSubir.
8. Edit mobile Preveiw. (follow images).

2: Responsivo móvil

1. En el panel de control de Blogger , haga clic enPlantilla.
2. Haga clic en el icono .
3. Haga clic en Configuración móvil .
4. Compruebe el escritorio yAhorrareso
5. Nota: esta configuración es importante para mostrar la capacidad de respuesta en PC, móvil, etc.
   
   
   

3: Fuente del blog

1. En el panel de control de Blogger , haga clic enAjustes.
2. Haga clic en Otro .
3. En Fuente del sitio > Permitir fuente de blog , elija Completa .
4. Luego haga clicGuardar ajustes.
   
   
   

4: Preferencia de búsqueda

1. En el panel de control de Blogger , haga clic enPlantilla.
2. Haga clic en Preferencias de búsqueda Haga clic en Editar
3. Marque la opción Sí
4. Escribir descripción del blog
5. Nota: escriba una descripción de su sitio de hasta 150 caracteres

5: Mostrar marca de tiempo en la página de inicio

1. En el panel de control de Blogger , haga clic enIdioma y formato.
2. Haga clic en Formato de marca de tiempo y seleccione dd/mm/año
3. Finalmente haga clic enAhorrar

6: Mostrar publicaciones en la presentación de diapositivas superior

1. En el panel de control de Blogger , haga clic enDisposición.
2. Haga clic en Listas de presentación de diapositivas Editar
3. Agregar etiqueta exacta dentro del widget
4. Haga clic en Guardar .
5. Nota El nombre de la etiqueta debe agregarse también en su publicación .
   
   
   

Mostrar publicaciones en la presenta

1. Agregue la misma etiqueta en su publicación que agregó anteriormente en Widget
2. Como agregué la etiqueta de la revista en el editor de publicaciones

ción de diapositivas superi

1. Finalmente haga clic enAhorrary refresca tu pagina

8: Navegación superior

1. Para configurar la navegación superior, siga estos pasos

or

1. Ir a Blagger DashboardClicLayout
2. Copie el código a continuación y Pasteen el menú WidgetComo en la captura de pantalla anterior

Código

h3.post-title {

 font-family: 'Poppins', sans-serif;

}

<div id='top-bar'>

<div id='top-bar-menu'>

 <div id='menu'>

  <ul>

   <li><a href='#'>Home</a></li>

   <li><a href='#'>Labels <span/></span></a>

    <ul class='children'>

     <li><a href='#?max-results=10'>Label1</a></li>

     <li><a href='#?max-results=10'>Label2</a></li>

     <li><a href='#?max-results=10'>Label3</a></li>

     <li><a href='#search/label/Label4?max-results=10'>Label4</a></li>

     <li><a href='#?max-results=10'>Label5</a></li>

    </ul>

   </li>

   <li><a href='#'>News</a></li>

   <li><a href='#'>Gallery</a></li>

   <li><a href='#'>About</a></li>

   <li><a href='#'>Contact</a></li>

 </ul>

</div>

<div id='search_box'><form action='/search' id='search' method='get'><input class='search_text' id='search_text' name='q' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Search and hit enter...&apos;;}' onfocus='if (this.value == &apos;Search and hit enter...&apos;) {this.value = &apos;&apos;;}' type='text' value='Search and hit enter...'/></form><div class='search_button'><i class='fa fa-search'/></i></div></div>

</div>

</div>

1. Reemplace Red # con sus etiquetas sociales o enlaces de página.
2. Finalmente haga clic enGuardar widget.

9: Botones sociales inferiores

1. Para configurar los botones sociales del pie de página , siga estos pasos
2. En Blogger Dashbord, haga clic en Diseño .
3. Copie el código a continuación y Pasteen el menú WidgetComo en la captura de pantalla anterior9

feriores

Código

<div id='top-social'>

    <ul>

     <li><a class='facebook' href='#'><i class='fa fa-facebook'/></i></a></li>

     <li><a class='twitter' href='#'><i class='fa fa-twitter'/></i></a></li>

     <li><a class='instagram' href='#'><i class='fa fa-instagram'/></i></a></li>

     <li><a class='gplus' href='#'><i class='fa fa-google-plus'/></i></a></li>

     <li><a class='pinterest' href='#'><i class='fa fa-pinterest'/></i></a></li>

     <li><a class='rss' target='_blank' href='/feeds/posts/default?alt=rss'><i class='fa fa-rss'/></i></a></li>

    </ul>

   </div>

1. Reemplace # con sus enlaces sociales
2. Finalmente haga clic enGuardar plantilla9: Botones sociales inferiores

 Seguir leyendo parte 2