Adblock Detectado

Nuestro sitio se mantiene gracias a la publicidad, por favor Desactiva Adblock para seguir navegando

He desactivado Adblock

En este tutorial veremos como crear unas tablas para tus descargas si tienes un blog de descargas.
Hace unos años antes que me retirara por un tiempo cree unas tablas para un seguidor del blog que me pidió vía mi  FANPAGE
@TutorialesBlogger
Este es la entada antigua 
Antes de comenzar veremos una demostración



Comencemos

  • Vamos a Blogger> Entradas> Nueva Entrada
Dentro de la entradas seguramente va a estar en modo Redactar cambiamos a HTML. Pegamos el siguiente código HTML 

<style scoped="" type="text/css">
.table-links-container {
text-align: center;
width: 472px;
}
.table-links-container .tech-title {
background: #56C8BE;
font-weight: bold;
color: white;
padding: 4px;
}
.table-links-container .tech-data {
background: #DEDEDE;
padding: 4px;
line-height: 1.7em;
}
.table-links-container .tech-a {
background: #3DA1D1;
margin-bottom: 15px;
padding: 2px 13px;
text-transform: uppercase;
font-family: 'Open Sans Condensed',Arial,sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.7em;
text-align: center;
letter-spacing: -1px;
color: #fff !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
transition: none !important;
}
.table-links-container .tech-a:hover {
color: #fff !important;
cursor: pointer;
transition: none !important;
}
.box-advertencia {
color: #D4413E;
background-color: #fdd;
background-image:url('http://lh5.googleusercontent.com/-0jAM2_5nQ-8/UgRnXSovUuI/AAAAAAAAAHQ/hRcbShzcB7Y/warning2.png');
border: 1px solid #ffbfbf;
background-position: 9px 2px;
background-repeat: no-repeat;
font-style: normal;
text-shadow: 0 1px 0px #fff;
margin-bottom: 10px;
margin-left: 0;
margin-top: 10px;
text-align: left;
line-height: 115%;
padding: 10px 10px 10px 50px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
</style>
<center>
<br />
<div class="table-links-container">
<div class="tech-title">
LINKS DE DESCARGA</div>
<div class="tech-data">
<b>Formato:</b> WinRAR | <b>Peso:</b>&nbsp;43.0 MB<br />
&nbsp;
<a class="tech-a" href="URL 1" target="_blank">uploadboy SetUP</a> <a class="tech-a" href="URL1" target="_blank">Uploadboy Serial</a>
<a class="tech-a" href="URL2" target="_blank">Dailyuploads setup</a> <a class="tech-a" href="URL2" target="_blank">DailyUPLoads Serial</a>
<br />
<div class="box-advertencia">
Si algún link se encuentra caido, por favor hazno lo saber para poder volver a re-subirlo</div>
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
</center>



Recomendaciones

Solo debes de cambiar lo que estan en rojo por las  url de tus enlaces
Si quieres agregas mas enlaces solo debes de agregar
<b><a class="tech-a" href="URL1" target="_blank">Mega Setup</a> <a class="tech-a" href="http:URL1" target="_blank"> Mega Serial</a></br
- - 0 Comentarios
Tag

Comentarios (0)

:))
:((
:D
:(
:)
:-)
;)
=))
:p
=.=
==
^_^
/=he
:*
/=r
/=l
:v
/=ok
/=clap
(y)
(yy)
/=hi
/=j
/=hup
/=hd
/=hl
/=hr
/=s
<3

Instrucciones Para omentar

Incertar Enlace

Utilice el codigo <a href='LINK'> EJEMPLO </a>

Cargar Imagen

[img] LINK_ANH [/img] -Use el codigo para cargar una imagen.

Formato Word

<b> negrita </b>
<i> cursiva </i>
<u> texto subrayado </u>
<strike> texto tachado </strike>

Insertar un Fragmento de codigo

Primero use esta herramienta para codificar el codigo que quiera agregar.
Luego utilice el codigo [code] CODIGO HTML [/code]

Cerrar