.post-body:first-letter { float:left; color: #333333; font-size:100px; font-family:none; line-height:80px; padding-top:1px; padding-right:5px; } font-style: italic; } span.letracapital{ float: left; font-size: 40px; line-height: 35px; /* Dobla el alto de linea menos 1 pixel */ font-family: Georgia, "Times New Roman", Times, serif; color: #2583ad; /* Azul */ padding-right: 5px; } -->

Recent Posts

Plantilla Carolina

20 jun 2018
Hoy vamos a mostraros esta plantilla responsible para blogger.


 Esta es una plantilla ideal para blogs de moda, estilo de vida, revista,  ect.
Su carga es de forma sincronizada y carga muy rápidamente



Características de la plantilla


  • Diseño totalmente receptivo
  • Totalmente optimizado para SEO
  • Diseño amigable para dispositivos móviles
  • Soporte de la miniatura de Youtube
  • Advance Search Engine Optimization
  • Cambio de tamaño automático de la imagen en miniatura
  • Menú con pestañas
  • Well Online Documentation
  • Publicaciones aleatorias
  • Comentarios Recientes
  • Comentario enhebrado
  • Sistema de comentarios múltiples
  • Publicación reciente por etiqueta
  • Soporte de publicaciones relacionadas
  • Ads Ready
  • Auto Autor Imagen
  • Boletín de suscripción
  • Página personalizada Error 404
  • Blogger news templates
  • Compatible con los principales navegadores (IE8 +, Mozilla, Chrome, Safari)
  • Diseño de administración profesional, le ayuda a trabajar fácilmente con el diseño del blog.

Descarga la plantilla

1º Paso

Para descargar nuestra plantilla nos vamos al botón de descarga más arriba de este post.
Se nos descargará un archivo zip

2º Paso

Ahora que ya lo tenemos descargado en nuestro PC,
nos dirigimos a Tema > y le damos en la parte superior al botón:
Crear / restablecer copia de seguridad

Le damos a descargar, y buscamos la carpeta de la plantilla que nos hemos descargado anteriormente.

'Carolina-xxxx-version.xml'. 

Configuración del Blog

 Ahora tenemos que configurar nuestra plantilla para que todos las gadget funcione bien:

1º Paso

Nos dirigimos a Configuración > Otros > Permitir Free del sitio> y le damos a la opción de completo.


Guardamos la configuración.

Configuración del Logotipo superior.

Nos vamos a Diseño >
En la parte superior encontraremos un gadget, de Header.
Le damos a Editar y cambiamos la configuracion por nuestra Imagén y texto.

Configuración del menú superior.

Nos vamos a Diseño >
En la parte superior encontraremos un gadget, de Top Navigatión


Le damos a editar.
Copiamos este código dentro de gadget y cambiamos lo marcado en rojo por la url del Enlace y lo marcado en azul por el titúlo.
Guardamos y listo.



<li><a href='#'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a>
<ul class='sub-menu'>
    <li><a href='#'>Category</a></li>
    <li><a href='#'>Category</a></li>
    <li><a href='#'>Category</a></li>  
</ul>
</li>
<li><a href='#'>Shop</a></li>
<li><a href='#'>Advertise</a></li>

Configuración de los iconos sociales. 

Nos vamos a Diseño >
En la parte superior encontraremos un gadget, de Top Social.


Le damos a editar.
 Agregue su nombre y enlace de redes sociales >> AGREGAR LINK >> 
Una vez que haya agregado todos los enlaces GUARDAR.


Configuración del Slider de las publicaciones más recientes.

Slider funciona automáticamente con la publicación más reciente.
 Tenemos que asegurarnos de tener el Feed en nuestro blog.

Puedes ver este enlace donde te explicamos como añadir un Free a nuestro blog
Nos dirigimos a Configuración > Otros > URL de redirección del feed de entradas > y ponemos nuestro link.
Guardamos y listo.
Para que este funcione tenemos que tener visible al público nuestro blog.



 Nos dirigimos a Configuración > Lo básico> Modificamos a Público 
tal y como ves en la imagen.
Guardamos y listo.

Configuración widget Sobre mi



Nos vamos a Diseño >
Encontraremos un gadget, de About Me.
Copiamos este código y lo pegamos dentro.
Cambiamos la URl de la imagen por la nuestra y el texto por el que queramos mostrar.

<div class="about-widget"><img alt="About Me" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEildA1EOb9E8RbAv9H8VLYu4GvSrYSpxQJO2A0pUWssramoqBLIPXty4S-RcaHHhQdZfZuoeW8-lihLnKZwZc0ubAS87FKEBhmXl7JkLTnRi4CYugzAxw2_-VropNCFE_YZYpF-oJv6umPL/s1600/about.jpg" / /><p>Aenean sollicitudin, lorem quis bibendum auctor, nisi elit conseat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amei.</p></div>

Guardamos y listo.

Configuración widget Pinterest


Nos vamos a Diseño >
Encontraremos un gadget, de Pinterest.
Copiamos este código y lo pegamos dentro.
Cambiamos el nombre de usuario por el nuestro.

<div id="pinterest-gallery"></div><script>var thumbnailCount = 6;var username = 'greyandscout';</script><p></p><div class="clear"></div>


Configuración widget
Instagram



Nos vamos a Diseño >
Encontraremos un gadget, de Instagram.
Copiamos este código y lo pegamos dentro.
Cambiamos el nombre de usuario por el nuestro.
Tambien nos vamos a generar el token en esta página para cambiar lo el número en morado .
 http://www.jetseotools.com/instagram-access-token/?route=instagram
 


<div class='insta-wrap'>

</div>
<div id='instafeed' />
<script type='text/javascript'>//<![CDATA[

var feed = new Instafeed({
get: 'user',
userId: https://www.instagram.com/miblogdeayuda/,
limit:6,
sortBy:'random',
accessToken: '3541708255.1677ed0.5e79fa74dcac4a52bea0ebba51eacb88',
template: '<li><a href="{{link}}" target="_blank"><img src="{{image}}" /><div class="insta-likes"><div style="display: table; vertical-align: middle; height: 100%; width: 100%;"><span style="display: table-cell; vertical-align: middle; height: 100%; width: 100%;">{{likes}} <i class="fa fa-heart"></i><br/>{{comments}} <i class="fa fa-comment"></i></span></div></div></a></li>',
resolution: 'standard_resolution'
});
feed.run();

//]]>
</script></div>

 Guardamos y listo

No hay comentarios:

Publicar un comentario

Deja tu comentario y en breve te contestaremos