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 | 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 |
organizate mejor hermano, no estoy en contra de que pongas acortadores pero tienes un millon y al final no llevan a ningun lado
ResponderBorrar