7/2/13

Tutorial Tablero de anuncio


Buenas Noches Blogueritas~ 
esta noche quiero dejarles un pequeño tutorial el cual espero les guste... 

 esto es lo que haremos
   

 Empezemos:

   
  Añadiremos un gadget Html/Javascript
 allí pegaremos el siguiente código


<div style="border:3px solid #eee;
background: #FFB5B5 ;
width:260px;
padding:5px;
border-bottom:none;
-webkit-border-top-left-radius: 30px;
-webkit-border-top-right-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-topright: 30px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
color:white;
text-align:center;">Title</div>
<div style="border:3px solid #eee;
background:#fff;
width:250px;
overflow-x:hidden;
overflow-y:scroll;
padding:10px;
height:100px;
 ">Aqui el texto</div>


❤Aqui colocaran el tamaño y color del borde
❤aqui el titulo del anuncio
❤ aqui el fondo del titulo


lo demas pueden ir ustedes jugando con los numeros xD

2 comentarios:

  1. pues yo no uso blogskin pero lo normal creo que deberia ir en un gadget,tendrias que crear el gadget y alli colocar el codigo

    ResponderEliminar