Plantilla Blogger Responsive (Curse) es una plantilla para blogger gratuita totalmente receptiva con 1 columna en la página principal y 2 columnas en la página de publicaciones, tiene un diseño sencillo y a la vez moderno, tiene una presentación en cuadricula especial para sitios web ordenados y totalmente adaptables en los navegadores.
| 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ú | Adhesivo |
| Botón de Redes Sociales | Incrustados |
| Página de Error | 404 personalizada |
| 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 Plantilla Blogger receptiva Curse 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ú
Entrar a Tema / Editar HTML, buscar el siguiente código # reemplace con los enlaces url de las paginas que desea mostrar en el menú, renombre los títulos y guardar cambios.
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Nosotros</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Servicios</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Portafolio</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Partners</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Contactos</span></a></li>
</ul>Cambiar Enlaces de las Redes Sociales
Formulario de Contactos
El formulario de contactos viene instalado por defecto en su plantilla. Si existe algún error en su formulario solo eliminar gadget que viene por defecto y volver a Editar / Agregar un Gadget / Formulario de Contacto. Listo su formulario de contacto estará funcionando.
Crear Mapa del Sitio (Sitemap)
Agregar el código a continuación en una pagina estática de su blog y reemplace la dirección del url https://plantillasbloogergratuitas.blogspot.com/ por la dirección de su blog.
<div class="tabbed-toc" id="tabbed-toc"></div>
<script>
var tabbedTOC={blogUrl:"https://plantillasbloogergratuitas.blogspot.com/",containerId:"tabbed-toc",activeTab:1,showDates:!0,showSummaries:!1,numChars:200,showThumbnails:!0,thumbSize:60,noThumb:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",monthNames:["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],newTabLink:!0,maxResults:99999,preload:0,sortAlphabetically:!0,showNew:7,newText:' – <em style="color:red;">New</em>'};
</script>
<script src="https://cdn.jsdelivr.net/gh/Indzign/InSEO@master/daftarisikeren.js"></script>
<style scoped="" type="text/css">
.tabbed-toc{margin:0 auto;position:relative;background:linear-gradient(-45deg,#EE7752,#E73C7E,#23A6D5,#23D5AB);background-size:400% 400%;animation:Gradient 15s ease infinite}
.tabbed-toc .loading{display:block;padding:2px 12px;color:#fff}
.tabbed-toc ul,.tabbed-toc ol,.tabbed-toc li{margin:0;padding:0;list-style:none}
.tabbed-toc .toc-tabs{width:20%;float:left}
.tabbed-toc .toc-tabs li a{display:block;overflow:hidden;color:#fff;text-decoration:none;padding:12px;font-size:13px;transition:all .3s}
.tabbed-toc .toc-tabs li a:hover{background-color:rgba(0,0,0,0.05)}
.tabbed-toc .toc-tabs li a.active-tab{background:rgba(0,0,0,0.05);position:relative;z-index:5;margin:0 -1px 0 0}
.tabbed-toc .toc-content,.tabbed-toc .toc-line{width:80%;float:right;background-color:#fff;box-sizing:border-box}
.tabbed-toc .toc-line{float:none;display:block;position:absolute;top:0;right:0;bottom:0}
.tabbed-toc .panel{position:relative;z-index:5}
.tabbed-toc .panel li a{color:#1277cb;display:block;position:relative;font-weight:500;font-size:14px;padding:6px 12px;overflow:hidden}
.tabbed-toc .panel li time{display:block;font-weight:normal;font-size:11px;color:#666;float:right}
.tabbed-toc .panel li .summary{display:block;padding:10px 12px 10px;font-size:13px}
.tabbed-toc .panel li .summary img.thumbnail{float:left;display:block;margin:5px 8px 0 0;width:72px;height:72px;background-color:#fafafa}
.tabbed-toc .panel li{background-color:#f9f9f9;margin:0}
.tabbed-toc .panel li:nth-child(even){background-color:#fff}
.tabbed-toc .panel li a:hover,.tabbed-toc .panel li a:focus,.tabbed-toc .panel li.bold a{background-color:rgba(0,0,0,0.03);outline:none}
.tabbed-toc .panel li a em{background:#f39c12;color:#fff!important;font-style:initial;font-size:11px;margin:0 0 0 5px;padding:2px 10px;border-radius:22px}
.tabbed-toc .panel li:before{display:none}
@-webkit-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@-moz-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@media (max-width:768px){.tabbed-toc .toc-tabs,.tabbed-toc .toc-content{overflow:hidden;width:auto;float:none;display:block}.tabbed-toc .toc-tabs li{display:inline;float:left}.tabbed-toc .toc-tabs li a.active-tab{background-color:rgba(64,64,64,0.1)}.tabbed-toc .toc-content{border:none}.tabbed-toc .toc-line,.tabbed-toc .panel li time{display:none}}
</style> Botón
Botón demostración y descarga.
<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="TU-ENLACE-AQUÍ" target="_blank">DEMO</a></li>
<li><a class="download" href=" TU-ENLACE-AQUÍ" target="_blank">DESCARGA</a></li>
</ul>
</div>
<div class="clear"></div>Spoiler
<div id="flippy"><button>Spoiler</button></div>
<div id="flippanel">
--- AÑADIR CONTENIDO AQUÍ ---
</div>Vídeos de Youtube en publicaciones
Agregue el código a continuación en la publicación del blog en la pestaña HTML y reemplace la identidad del vídeo huV27euDuWQ por su Identidad de vídeo de youtube
<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/huV27euDuWQ">
</div>
</div>
</div>Agregar código de resaltador en publicaciones
Agregue el código a continuación en la publicación del blog en la pestaña HTML y reemplace este texto --CÓDIGO PARSEADO AQUÍ-- con su código HTML / JavaScript / CSS.
<pre><code>--CÓDIGO PARSEADO AQUÍ--</code></pre>| Detalles | Descripción |
|---|---|
| Nombre de la plantilla | Plantilla Blogger Responsive Curse |
| Autor Original | Idntheme |
| URL | https://www.idntheme.com/2019/11/course.html |
| Lanzamiento | Noviembre de 2019 |
| Actualizado | junio de 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.