Como Anadir Lineas a los bordes con estilo a tu blog realmente te ayudara a llmar atencion de los visitantes,muchos lectores estan interesados en los consejos para mejorar sus blogs y la apariencia de sus paginas, y anadir bordes a el alrededor del articulo brinda esa impresion de profesionalismo , en este articulo te mostrare la forma de hacerlo y algunas de las formas de las lineas que puedes anadir a los border de tu articulo.
Empecemos :
1.Entre a la Interface de blogger
2.Da Click en "Nuevo Post"
3. En el editor de entradas da click a Editar HTML
4. Copie y pegue el codigo del cuadro de abajo donde deseas,que aparezca.
Usa el codigo de abajo para un borde de linea solida
<div style="border-style: solid;">
<span style="color: black; display: inline ! important; float: none; font-family: Georgia,'Times New Roman','Bitstream Charter',Times,serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
Gracias por Visitar Ciudadblogger.info
<span class="Apple-converted-space"> </span></span></div>
<span style="color: black; display: inline ! important; float: none; font-family: Georgia,'Times New Roman','Bitstream Charter',Times,serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
Gracias por Visitar Ciudadblogger.info
<span class="Apple-converted-space"> </span></span></div>
Use el codigo de abajo para un borde de linea doble .
<div style="border-style: double; border-width: 3px">
Gracias por Visitar Ciudadblogger.info </div>
Gracias por Visitar Ciudadblogger.info </div>
Use el codigo de abajo para un borde de linea en puntitos.
<div style="border-style: dotted">
<span style="color: rgb(0, 0, 0); font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; display: inline !important; float: none; ">Gracias por Visitar Ciudadblogger.info .<span class="Apple-converted-space"> </span></span></div>
<span style="color: rgb(0, 0, 0); font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; display: inline !important; float: none; ">Gracias por Visitar Ciudadblogger.info .<span class="Apple-converted-space"> </span></span></div>
Use el codigo de abajo para decorar la linea de abajo del borde
<div style="border-style: inset; border-width: 3px">
Gracias por Visitar Ciudadblogger.info </div>
Gracias por Visitar Ciudadblogger.info </div>
Use el codigo de abajo para decorar la parte de arriba del borde
<div style="border-style: outset; border-width: 3px">
Inset</div>
Inset</div>
Use el codigo de abajo parauna linea de Ridge .
<div style="border-style: ridge">
Gracias por visitar ciudadblogger.info</div>
Gracias por visitar ciudadblogger.info</div>
Use el codigo de abajo para linea de borde Groove .
<div style="border-style: groove">
Gracias por visitar ciudadblogger.info</div> Use el codigo de abajo por linea de borde entrecortadas .
<div style="border-style: dashed">
Gracias por visitar ciudadblogger.info</div>
Gracias por visitar ciudadblogger.info</div>
Espero te sirva este articulo, gracias.
