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
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
En breve les contestaremos