Plantilla Blogger Responsive para Mini Sitios Web - Plantillas Blogger Gratis

Plantilla Blogger Responsive para Mini Sitios Web


Plantilla blogger Responsive Mini Sitio para sitios Web en internet editados en Blogger, esta plantilla tiene una apariencia del tema bastante simple, receptiva, actualizada, moderna y también es compatible con SEO por la velocidad de carga que contiene. Como descargarse la versión gratuita y para conocer sus características modificadas por Plantillas Blogger Gratuitas pueden consultarla las indicaciones a continuación.


CaracterísticasDisponibilidad
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 1
Codificación HTML | CSS
Compatibilidad SEO Amigable
Estilo de Comentarios Diseño Blogger
Tipo de Menú Fijo
Botón Redes Sociales Incrustados
Página de Error 404 personalizada
Espacio de Publicidad Si
Widget No
documentación Si






Iniciar sesión en el panel de Blogger y dirigirse a Tema / Editar HTML.
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 guardar la copia de seguridad.
Luego, ubicar el archivo XML de la plantilla Mini Sitio Blogger que acaba de descargar y presione "Restablecer".
Desactive la versión móvil de esta plantilla, haga clic en Tema / Configuración para dispositivos móviles / Seleccionar para computadoras.


Cambiar Enlaces de las Redes Sociales

Entrar a Tema / Editar HTML, buscar el siguiente código de abajo (  ) reemplace con su los enlaces de sus redes sociales.
 
<div class='social-iconic'>
   <a href='#' rel='nofollow noopener' target='_blank' title='Like Our Facebook'>
      <svg style='background: #3a579a;border-radius: 5px;padding: 5px;' viewBox='0 0 24 24'>
         <path d='M17,2V2H17V6H15C14.31,6 14,6.81 14,7.5V10H14L17,10V14H14V22H10V14H7V10H10V6A4,4 0 0,1 14,2H17Z' fill='#ffffff'/>
      </svg>
   </a>
   <a href='#' rel='nofollow noopener' target='_blank' title='Follow Our Instagram'>
      <svg style='background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);border-radius: 5px;padding: 5px;' viewBox='0 0 24 24'>
         <path d='M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z' fill='#ffffff'/>
      </svg>
   </a>
   <a href='https://www.blogger.com/follow-blog.g?blogID=4834252868408751028' rel='nofollow noopener' target='_blank' title='Follow This Site'>
      <svg style='background: #ff5722;border-radius: 5px;padding: 5px;' viewBox='0 0 24 24'>
         <path d='M14,13H9.95A1,1 0 0,0 8.95,14A1,1 0 0,0 9.95,15H14A1,1 0 0,0 15,14A1,1 0 0,0 14,13M9.95,10H12.55A1,1 0 0,0 13.55,9A1,1 0 0,0 12.55,8H9.95A1,1 0 0,0 8.95,9A1,1 0 0,0 9.95,10M16,9V10A1,1 0 0,0 17,11A1,1 0 0,1 18,12V15A3,3 0 0,1 15,18H9A3,3 0 0,1 6,15V8A3,3 0 0,1 9,5H13A3,3 0 0,1 16,8M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z' fill='#ffffff'/>
      </svg>
   </a>
   <a href='#' rel='nofollow noopener' target='_blank' title='Subscribe Our Channel'>
      <svg style='background: #ff0000;border-radius: 5px;padding: 5px;' viewBox='0 0 24 24'>
         <path d='M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27 21.84,9.07C21.91,9.87 21.94,10.56 21.94,11.16L22,12C22,14.19 21.84,15.8 21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69 18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94 13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31 2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73 2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81 2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31 5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06 10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69 21.31,6.27 21.56,7.17Z' fill='#ffffff'/>
      </svg>
   </a>
</div>

En la opción marcada (https://www.blogger.com/follow-blog.g?blogID=4834252868408751028) debe reemplazar este código por el código de Identidad de su Blogger.


Cambiar Enlaces del Menú

Entrar a Tema / Editar HTML, buscar el siguiente código <div id='navigation'> y reemplace ( # ) con los enlaces de su entradas o paginas. 

<div id='navigation'>
   <nav class='main-nav' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement' role='navigation'>
      <ul class='menu'>
         <li class='home'><a expr:href='data:blog.homepageUrl'>Home</a></li>
         <li><a href='#' itemprop='url'><span itemprop='name'>Blogger</span></a></li>
         <li><a href='#' itemprop='url' target='_blank'><span itemprop='name'>Download</span></a></li>
         <li><a href='#' itemprop='url'><span itemprop='name'>Internet</span></a></li>
         <li><a href='#' itemprop='url'><span itemprop='name'>Social</span></a></li>
         <li><a href='#' itemprop='url'><span itemprop='name'>Technology</span></a></li>
         <li><a href='#' itemprop='url'><span itemprop='name'>Error 404</span></a></li>
      </ul>
   </nav>
</div>


Cambiar Enlace de Facebook Emergente 

Entrar Tema / Editar HTML, buscar y reemplace este enlace https://www.facebook.com/tutorialesgratisdeinternet/ por el enlace de la pagina de su Facebook.
 
<div class='fb-page' data-adapt-container-width='true' data-height='' data-hide-cover='false' data-href='https://www.facebook.com/tutorialesgratisdeinternet/' data-show-facepile='false' data-small-header='false' data-tabs='timeline' data-width=''>
<blockquote cite='https://www.facebook.com/tutorialesgratisdeinternet/' class='fb-xfbml-parse-ignore'><a href='https://www.facebook.com/tutorialesgratisdeinternet/'>Tutoriales Gratis de Internet</a></blockquote></div>  


DetallesDescripción
Nombre de la plantilla Mini Site Responsive Blogger Template
Autor Original Namina
URL https://www.naminakiky.com/2020/03/mini-site-responsive-blogger-template.html
Lanzamiento 19 Agosto 2020
Actualización Junio 2022
Licencia Gratis | Reconocimiento 4.0 Creative Commons
Editor Tutoriales Gratis de Internet

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 en Español.
Comentarios


EmoticonEmoticon