-->
Blockquote HTML y CSS
SSSSS
Como podemos cambiar la direcciĆ³n de la pantalla de nuestro PC?
Hacer una copia de seguridad de nuestra plantilla
Formularios  de contacto personalizados

Plantilla Groovy blogger

Groovy es una de las mejores plantillas de Blogger tipo revista.
Su diseƱo limpio, elegante  y receptivo permite que todos nuestros lectores tengan acceso a nuestro sitio desde cualquier dispositivo.



Pasos para implantar nuestra plantilla


Lo primero que yo siempre recomiendo es hacer una copia de seguridad de nuestra a anterior plantilla por si algo nos nos sale bien, y asĆ­ poder recuperar lo anterior.
Para ello podemos visitar este link donde lo explicamos paso a paso.


Descargar la plantilla

Descarga el archivo
En Blogger inicio haga clic en Plantilla .

Hacemos clic en el botĆ³n Examinar ... y insertamos la plantilla anterior mente descargada.
Hacemos clic en cargar.


ConfiguraciĆ³n de Blogger


DespuƩs de instalar el tema, hay configuraciones mƭnimas para que todos los widgets funcionen bien en esta plantilla.

En el Panel de control de Blogger, haga clic en ConfiguraciĆ³n .
Haga clic en otro .
En Site Feed > Permitir feed de blog, elija Completo .
Luego haga clic en Guardar configuraciĆ³n .


ConfiguraciĆ³n principal de Blogger


En el Panel de control de Blogger, haga clic en DiseƱo .
Haga clic en Editar en el widget de publicaciones de blog.
Insertarlo igual que la imagen

Configurar el menĆŗ principal 


Vaya a la secciĆ³n Editar plantilla de blogger y busque el siguiente cĆ³digo y edĆ­telo segĆŗn sus necesidades:











Ver cĆ³digo<ul class='topmenu1' id='masthead'> <li><a href='/'>Home</a><ul><li><a href="#">Next Version</a></li></ul></li> <li><a href='#'>Download</a> <ul><li><a href='#'>Link Url</a> <ul> <li><a href='#'>Example Menu</a> </li> <li><a href='#'>Example Menu 1</a></li> </ul> </li> <li><a href='#'>Premium Version</a></li> <li><a href='#'>Free Version</a></li> <li><a href='#'>Downloadable</a></li> </ul> </li> <li><a href='#'>Social</a> </li> <li><a href='#'>Features</a> <ul> <li><a href='#'>Lifestyle</a></li> <li><a href='#'>Sports Group</a> <ul> <li><a href='#'>Category 1</a></li> <li><a href='#'>Category 2</a></li> <li><a href='#'>Category 3</a></li> <li><a href='#'>Category 4</a></li> <li><a href='#'>Category 5</a></li> </ul> </li> <li><a href='#'>Sub Menu 3</a></li> <li><a href='#'>Sub Menu 4</a></li> </ul> </li> <li><a href='#'>Travel</a></li> <li><a href='#'>Contact Us</a></li> </ul>



Iconos de redes sociales en la parte superior derecha

Acceda al diseƱo de su blog > haga clic en el enlace Editar en el  widget de iconos sociales

Puede ingresar el siguiente texto:

<a href="#"><i class="fa fa-facebook"/></i></a>
<a href="#"><i class="fa fa-twitter"/></i></a>
<a href="#"><i class="fa fa-pinterest"/></i></a>
<a href="#"><i class="fa fa-instagram"/></i></a>
<a href="#"><i class="fa fa-google-plus"/></i></a>

Modificamos # por el link de nuestra red social 

 SecciĆ³n de publicaciones de la pĆ”gina de inicio 

Puede ver en la secciĆ³n de publicaciones en el sitio web como se muestra en la imagen a continuaciĆ³n.
Puede configurar estas secciones simplemente agregando LABELS a este widget de diseƱo como se muestra en el tercer punto.


Solo necesita agregar etiquetas de sus publicaciones

Puede ver en la secciĆ³n de publicaciones en el sitio web como se muestra en la imagen a continuaciĆ³n.


 

Publicar un comentario

0 Comentarios