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.
| 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 | naminakiky |
| 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 podrían tener algún 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 documentación, queda en responsabilidad de cada uno utilizar las plantillas o modificarlas para su buen uso. Si desea mas información o comprar la versión premium de dicha plantilla no olvide visitar la web oficial del autor esta en la descripción. Nuestro trabajo es publicar las plantillas mas actuales distribuidas libremente en internet y colocarle una pequeña documentación o instrucciones de uso, previa prueba para su buen funcionamiento en los sitios web.