Mocca Responsive Blogger Template

Mocca Responsive Blogger Template es una plantilla para Blogger, diseño moderno para personas que prefieren una apariencia simple con funciones amigables con SEO, también esta adecuada para AdSense con espacio para bloques de publicidad. Tiene una barra lateral interesante y bastante ordenada.

• DEMOSTRACIÓN
• DESCARGA GRATIS

Características	Disponibilidad
Tipo de plataforma	Blogger
Responsive	Si Verificar
Resultados Enriquecidos	Si Verificar
Compatibilidad móvil	Si Verificar
Velocidad de Carga	Si Verificar
Tipo de Plantilla	Blog Personal
Diseño Web	Limpio
Columnas	2
Codificación	HTML | CSS
Compatibilidad SEO	Amigable
Estilo de Comentarios	Diseño Blogger
Tipo de Menú	Fijo
Página de Error	404 personalizada
Espacio de Publicidad	Si
documentación	Si

1. Iniciar sesión en el panel de Blogger y dirigirse a Tema / Editar HTML.

2. Haga una copia de seguridad de su plantilla anterior si decide volver a utilizarla. Para hacer esto, haga clic en el enlace "descargar copia de seguridad" y guarde la copia de seguridad.

3. Luego, ubicar la plantilla Mocca Responsive Blogger Template que acaba de descargar y presione "Restablecer".

4. Desactive la versión móvil de esta plantilla, haga clic en Tema / Configuración para dispositivos móviles / Seleccionar para computadoras.

Cambiar Enlaces del Menú Principal

Abrir Editar HTML, buscar y edite el código # reemplace con su enlace.

 

   <ul>
      <li><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='name'>Home</span></a></li>
      <li>
         <a href='#' itemprop='url'><span itemprop='name'>About</span></a>
         <ul>
            <li><a href='#' itemprop='url'><span itemprop='name'>About</span></a></li>
            <li><a href='#' itemprop='url'><span itemprop='name'>Contact Form</span></a></li>
            <li><a href='#' itemprop='url'><span itemprop='name'>Disclaimer</span></a></li>
            <li><a href='#' itemprop='url'><span itemprop='name'>Sitemap</span></a></li>
         </ul>
      </li>
      <li>
         <a href='#' itemprop='url'><span itemprop='name'>Filter</span></a>
         <ul>
            <li>
               <a href='#' itemprop='url'><span itemprop='name'>Product 1</span></a>
               <ul>
                  <li><a href='#' itemprop='url'><span itemprop='name'>Sub Product</span></a></li>
                  <li><a href='#' itemprop='url'><span itemprop='name'>Sub Product</span></a></li>
                  <li><a href='#' itemprop='url'><span itemprop='name'>Sub Product</span></a></li>
                  <li><a href='#' itemprop='url'><span itemprop='name'>Sub Product</span></a></li>
               </ul>
            </li>
            <li>
               <a href='#' itemprop='url'><span itemprop='name'>Product 2</span></a>
               <ul>
                  <li><a href='#' itemprop='url'><span itemprop='name'>Sub Product</span></a></li>
                  <li><a href='#' itemprop='url'><span itemprop='name'>Sub Product</span></a></li>
                  <li><a href='#' itemprop='url'><span itemprop='name'>Sub Product</span></a></li>
                  <li><a href='#' itemprop='url'><span itemprop='name'>Sub Product</span></a></li>
               </ul>
            </li>
            <li><a href='#' itemprop='url'><span itemprop='name'>Product 3</span></a></li>
         </ul>
      </li>
      <li>
         <a href='#' itemprop='url'><span itemprop='name'>Filter</span></a>
         <ul>
            <li><a href='#' itemprop='url'><span itemprop='name'>Product 1</span></a></li>
            <li><a href='#' itemprop='url'><span itemprop='name'>Product 2</span></a></li>
            <li><a href='#' itemprop='url'><span itemprop='name'>Product 3</span></a></li>
         </ul>
      </li>
      <li><a href='#' itemprop='url'><span itemprop='name'>Blogger</span></a></li>
      <li><a href='#' itemprop='url'><span itemprop='name'>Info</span></a></li>
      <li><a href='#' itemprop='url'><span itemprop='name'>Gallery</span></a></li>
      <li><a href='#' itemprop='url'><span itemprop='name'>Video</span></a></li>
   </ul>

Modificar Menú 2 (Pie de Pagina)

Dirigirse a Blogger / Tema / Editar HTML, buscar el siguiente código y reemplazar todos los símbolos # con la url de sus propios enlaces. También renombre los títulos según su criterio

 

      <ul class='drop'>
         <li class='link'><a href='#' itemprop='url' title='About'><span itemprop='name'>About</span></a></li>
         <li class='link'><a href='#' itemprop='url' title='Contact'><span itemprop='name'>Contact Form</span></a></li>
         <li class='link'><a href='#' itemprop='url' title='Disclaimer'><span itemprop='name'>Disclaimer</span></a></li>
         <li class='link'><a href='#' itemprop='url' title='Privacy Policy'><span itemprop='name'>Privacy Policy</span></a></li>
      </ul>

Widget Redes Sociales

Entrar a Diseño crear un nuevo widget en la barra lateral y colocar el siguiente código reemplace # colocar sus enlaces de redes sociales. Para la opción de Seguir Blogger Reemplace 4834252868408751028  por su la identidad de su blog.

<ul id="social-counting" class="social-counting">
   <li>
      <a href="#" target="blank" rel="nofollow noopener" class="social-facebook">
      <span class="fa fa-facebook" title="Síguenos en Facebook"></span>
      </a>
   </li>
   <li>
      <a href="#" target="blank" rel="nofollow noopener" class="social-twitter">
      <span class="fa fa-twitter" title="Síguenos en Twitter"></span>
      </a>
   </li>
   <li>
      <a href="#" target="blank" rel="nofollow noopener" class="social-instagram">
      <span class="fa fa-instagram" title="Síguenos Instagram"></span>
      </a>
   </li>
   <li>
      <a href="https://www.blogger.com/follow-blog.g?blogID=4834252868408751028" target="blank" rel="nofollow noopener" class="social-blogger" title="Siga nuestro sitio">
      <span class="fa fa-user"></span>
      </a>
   </li>
</ul>

Modificar Fanpage (Facebook)

Entrar a Diseño, crear un gadget y colocar el siguiente código, reemplace https://www.facebook.com/tutorialesgratisdeinternet/ por la Url de su pagina en Facebook.

 

<div class="fb-page" data-href="https://www.facebook.com/tutorialesgratisdeinternet/" data-tabs="timeline" data-height="300" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/tutorialesgratisdeinternet/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/tutorialesgratisdeinternet/">Hola Saludos</a></blockquote></div>

Detalles	Descripción
Nombre de la plantilla	Mocca Responsive Blogger Template
Autor Original	Naminakiky
URL	https://www.naminakiky.com/2018/10/mocca-responsive-blogger-redesign-by-namina.html
Lanzamiento	Octubre 2018
Actualizado	Febrero 2020
Licencia	Gratis | Reconocimiento 4.0 Creative Commons
Editor	Plantillas Blooger Gratuitasm

PD.todas las plantillas al ser modo gratuito podrian tener algun tipo de falla o error que viene por defecto publicado desde sus mismos editores, algunas plantilla tienen instrucciones incompletas o en algunos casos no existen la documentacion, queda en responsabilidad de cada uno utilizar las plantillas o modificarlas para su buen uso. Si desea mas informacion o comprar la version premium de dicha plantilla no olvide visitar la web oficial del autor esta en la descripcion. Nuestro trabajo es publicar las plantillas mas actuales distribuidas libremente en internet y colocarle una pequeña documentacion o instrucciones de uso, previa prueba para su buen funcionamiento en los sitios web.