.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 Techmax Blogger

13 jul 2019
Esta plantilla es ideal para blog de megazine, Noticias, Moda, Deportes ect..


Instalar la plantilla 
Descargamos el archivo anterior y los guardamos en nuestro PC.
Lo primero que siempre digo es tener guardada una copia de seguridad de la anterior plantilla por si nos nos gusta.
Puedes verlo paso a paso en este Post
Y ahora que ya lo tenemos empezamos:
 Para empezar vamos a ir a:

Tema > HTML
y le damos al botón 
Crear/ retablecer copia de seguridad.


 Tal y como ves en la imagen le damos al botón de Examinar y insertamos la plantilla anterior.


 Configuración de Blogger
Después de instalar el tema, hay una configuración mínima para que todos los widgets funcionen bien en esta plantilla.

En el Panel de Blogger, haga clic en Configuración .
Haga clic en Otro .
En Feed del sitio > Permitir feed del blog Elegir completo .

Luego haga clic en Guardar configuración .



Configuración

Código a insertar redes sociales



<div id = 'top-social'>
<a href='http://facebook.com/oddthemes' target='_blank'> <i class = 'fa fa-facebook' /> </a>
<a href='http://twitter.com/oddthemes' target='_blank'> <i class = 'fa fa-twitter' /> </a>
<a href='http://instagram.com/#' target='_blank'> <i class = 'fa fa-instagram' /> </a>
<a href='http://pinterest.com/oddthemes' target='_blank'> <i class = 'fa fa-pinterest' /> </a>
<a href='http://youtube.com/#' target='_blank'> <i class = 'fa fa-youtube' /> </a>
</div>


Código menú


<li> <a href='#'> Viajes </a> </li>
<li> <a href='#'> Estilo de vida </a> </li>
<li> <a href='#'> Moda </a> </li>
<li> <a href='#'> Belleza </a> </li>
</ul> </li>
<li> <a href='#'> Social </a> </li>
<li> <a href='#'> Características </a>
<ul class = 'singlemenu'>
<li> <a href='#'> Mensaje de la barra lateral izquierda </a> </li>
<li> <a href='#'> Publicación de ancho completo </a> </li>
<li> <a href='#'> Mensaje de la barra lateral derecha </a> </li>
</ul>
<li> <a href='#'> Blog </a> </li>
<li> <a href='#'> Contáctanos </a> </li>
</li> </ul>


Código de pie de página de Instagram:


<div id = 'instafeed' /> </div>


<tipo de script = 'texto / javascript'> // <! [CDATA [
var feed = nuevo Instafeed ({
obtener: 'usuario',
ID de usuario: 1553982550,
límite: 8,
sortBy: 'random',
accessToken: '1553982550.1677ed0.c4f6385f8dd740fd83c34ba9fa17e554',
plantilla: '<li> <a href="{{link}}" target="_blank"> <img src = "{{image}}" /> <div class = "instaover"> <div style = "display : table; vertical-align: middle; height: 100%; width: 100%; "> </siv> </div> </div> </a> </li> ',
resolución: 'standard_resolution'
});
feed.run();
//]]> </script>




Genere su token de acceso a Instagram haciendo clic en el botón de http://instagram.pixelunion.net/

No hay comentarios:

Publicar un comentario

Deja tu comentario y en breve te contestaremos