Tema Contempo Light- Personalizar

Paso 1: Entrar a Blogger y seleccionar TEMA / Contempo Light, 

Paso 2: Editar el codigo HTML de la plantila del tema Contempo Light: Ruta a seguir =  TEMA / Personalizar / Editar HTML


Paso 3: Buscar con el comando CTRL + F ,  la etiqueta   <b:section ads='true'  o por su  id='ads' y  eliminar todo su contenido, posteriormente reemplar toda la sección por: 

 <b:section ads='true' class='vertical-ad-container' id='ads' name='Ads' showaddelement='false'/> 

Paso 4: Buscar con el comando CTRL + F ,  la etiqueta   <div class='search'>  , ñuego eliminar todo su contenido y reemplar toda la sección div por: 

 <!-- <div class='search'> </div> --> 

Paso 5: Buscar con el comando CTRL + F ,  la etiqueta   <b:section class='container' id='header'   , luego eliminar todo su contenido y reemplar toda la sección por: 

 <b:section class='container' id='header' name='Header' showaddelement='false'/>  

Paso 6: Buscar con el comando CTRL + F ,  la etiqueta    <nav role='navigation'>   , luego eliminar todo su contenido y reemplar toda la sección por: 

<!--  <nav role='navigation'> </nav>  -->  

Paso 7: Buscar con el comando CTRL + F ,  la etiqueta   <aside class='sidebar-container  , luego eliminar todo su contenido y reemplar toda la sección aside  por: 

    <aside class='sidebar-container container sidebar-invisible' role='complementary'>
      <div class='navigation'>
        <b:include data='{ button: true, iconClass: &quot;flat-icon-button ripple sidebar-back&quot; }' name='backArrowIcon'/>
      </div>
      <div class='sidebar_top_wrapper'>
        <b:class cond='data:widgets none w =&gt; w.sectionId == &quot;sidebar_top&quot;' name='no-items'/>
        <b:section class='sidebar_top' id='sidebar_top' name='Sidebar (Top)'/>
      </div>     
    </aside>  

Paso 8: Buscar con el comando CTRL + F ,  la etiqueta    <b:section class='footer' id='footer'  , luego eliminar todo su contenido y reemplar toda la sección por: 

<b:section class='footer' id='footer' name='Footer' showaddelement='false' tag='footer'/>  

Paso 9: Buscar con el comando CTRL + F ,  la etiqueta    <b:widget id='FeaturedPost1'  , luego eliminar todo su contenido y reemplar toda la sección por: 

<!-- widget id='FeaturedPost1'  -->  

Paso 10: Buscar con el comando CTRL + F ,  la etiqueta    <b:widget id='PopularPosts1'   , luego eliminar todo su contenido y reemplar toda la sección por:  

<!-- widget id='PopularPosts1'  -->  

Despues de estos cambios el resultado es el siguiente: Este puede ser ajustadp con un estilo personalizado de navegación, menu, footer, FeaturedPost1, PopularPosts1




--- códe

.... -----


códe
 Formato con el código de escape 

Publicar un comentario

0 Comentarios