Cómo instalar un cuadro de descargas para Sitios web en Blogger, es importante tener ordenado todas nuestros enlaces url de descarga en un cuadro sencillo y de fácil entendimiento para las personas que visitan nuestro sitio web de descargas en blogger, sobre todo si tenemos muchos enlaces de descarga en archivos.
Este tipo de cuadro de enlaces sirve para sitios web de descargas como videos, animes, videojuegos, música, archivos, libros. carpetas y muchas opciones de descarga que podemos adaptarlo.
En este tutorial vamos aprender a como inserta el código HTML de un caja de descargas responsive que se adapte a nuestro sitio web en blogger de una manera simple siguiendo los pasos a continuación.
1º Abrir Blogger y dirigirse a Tema / Editar HTML, dentro del html abrir el cuadro de dialogo (Ctrl +F) buscar el código de cierre </head> Agregar el siguiente código antes del cierre de </head>. Luego haga clic en el botón Guardar.
<style type='text/css'>
.download-eps{font-size:9px;font-weight:bold;background:none repeat scroll 0% 0% #000000;padding:10px;margin:10px 0}
.download-eps ul{margin:0;padding:0;list-style:outside none none}
.download-eps ul li{background:none repeat scroll 0% 0% #ffffff;margin-bottom:2px;line-height:26px;padding:0 5px;font-size:16px}
.download-eps ul li strong{background:#bf0606;border-right:2px solid #51dc85;width:150px;display:block;float:left;margin-left:-5px;margin-right:2px;color:#ffffff;padding:0 5px;text-align:left}
</style> 2º Siempre que deseamos colocar una caja de enlaces de descarga en nuestras entradas del blog debemos utilizar el siguiente código HTML, agregando en la pestaña Vista HTML (Reemplazar URLARCHIVO por sus propios enlaces url de descarga), Después de eso guardar cambios y ver el resultados.
<div class="download-eps">
<ul>
<li style="text-align: center;">
<strong>360p</strong>
<a href="URLARCHIVO" rel="nofollow noopener" target="_blank">Mega</a> |
<a href="URLARCHIVO" rel="nofollow noopener" target="_blank">Mediafire</a> |
<a href="URLARCHIVO" rel="nofollow noopener" target="_blank">Drive</a> |
<a href="URLARCHIVO" rel="nofollow noopener" target="_blank">Utorrent</a>
</li>
<li style="text-align: center;">
<strong>480p</strong>
<a href="URLARCHIVO" rel="nofollow noopener" target="_blank">Mega</a> |
<a href="URLARCHIVO" rel="nofollow noopener" target="_blank">Mediafire</a> |
<a href="URLARCHIVO" rel="nofollow noopener" target="_blank">Drive</a> |
<a href="URLARCHIVO" rel="nofollow noopener" target="_blank">Utorrent</a>
</li>
<li style="text-align: center;">
<strong>720p</strong>
<a href="URLARCHIVO" rel="nofollow noopener" target="_blank">Mega</a> |
<a href="URLARCHIVO" rel="nofollow noopener" target="_blank">Mediafire</a> |
<a href="URLARCHIVO" rel="nofollow noopener" target="_blank">Drive</a> |
<a href="URLARCHIVO" rel="nofollow noopener" target="_blank">Utorrent</a>
</li>
<li style="text-align: center;">
<strong>1080p</strong>
<a href="URLARCHIVO" rel="nofollow noopener" target="_blank">Mega</a> |
<a href="URLARCHIVO" rel="nofollow noopener" target="_blank">Mediafire</a> |
<a href="URLARCHIVO" rel="nofollow noopener" target="_blank">Drive</a> |
<a href="URLARCHIVO" rel="nofollow noopener" target="_blank">Utorrent</a>
</li>
<li style="text-align: center;">
<strong>4k</strong>
<a href="URLARCHIVO" rel="nofollow noopener" target="_blank">Mega</a> |
<a href="URLARCHIVO" rel="nofollow noopener" target="_blank">Mediafire</a> |
<a href="URLARCHIVO" rel="nofollow noopener" target="_blank">Drive</a> |
<a href="URLARCHIVO" rel="nofollow noopener" target="_blank">Utorrent<br /></a>
</li>
</ul>
</div>Este codigo HTML para las entradas de blogger, puede modificarse renombrando los títulos, suprimiendo partes de los enlaces del cuadro de descargas o agregando mas opciones de descarga.
