Box d/ links p/ sidebar blog

Voltando com mais uma partilha como podem vêr na imagem acima.
É um gadget de caixa de links com scroolbar ,background visivél em todos os navegadores , shadow e border radius.
Visualize online: ENTRE AQUI...
Agora adicione um gadget html/javascript e cole dentro o meu código:

 <div class="widget-content">
<ul style="background: rgb(242,111,170); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(242,111,170,1) 0%, rgba(136,234,150,1) 48%, rgba(229,96,151,1) 54%, rgba(108,209,155,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(242,111,170,1)), color-stop(48%,rgba(136,234,150,1)), color-stop(54%,rgba(229,96,151,1)), color-stop(100%,rgba(108,209,155,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg, rgba(242,111,170,1) 0%,rgba(136,234,150,1) 48%,rgba(229,96,151,1) 54%,rgba(108,209,155,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg, rgba(242,111,170,1) 0%,rgba(136,234,150,1) 48%,rgba(229,96,151,1) 54%,rgba(108,209,155,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(242,111,170,1) 0%,rgba(136,234,150,1) 48%,rgba(229,96,151,1) 54%,rgba(108,209,155,1) 100%); /* IE10+ */
background: linear-gradient(45deg, rgba(242,111,170,1) 0%,rgba(136,234,150,1) 48%,rgba(229,96,151,1) 54%,rgba(108,209,155,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f26faa', endColorstr='#6cd19b',GradientType=1 );
height:120px;width:300px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-moz-box-shadow: 0px 0px 6px #000000;-webkit-box-shadow: 0px 0px 6px #000000;
box-shadow: 0px 0px 6px #000000;overflow:auto; ">
<li><a href="http://best-tuga.blogspot.pt/">best-tuga</a></li>
<li><a href="http://best-tuga.blogspot.pt/">best-tuga</a></li>
<li><a href="http://best-tuga.blogspot.pt/">best-tuga</a></li>
<li><a href="http://best-tuga.blogspot.pt/">best-tuga</a></li>
<li><a href="http://best-tuga.blogspot.pt/">best-tuga</a></li>
<li><a href="http://best-tuga.blogspot.pt/">best-tuga</a></li>
<li><a href="http://best-tuga.blogspot.pt/">best-tuga</a></li>
<li><a href="http://best-tuga.blogspot.pt/">best-tuga</a></li>
<li><a href="http://best-tuga.blogspot.pt/">best-tuga</a></li>
<li><a href="http://best-tuga.blogspot.pt/">best-tuga</a></li>
<li><a href="http://best-tuga.blogspot.pt/">best-tuga</a></li>
<li><a href="http://best-tuga.blogspot.pt/">best-tuga</a></li>
<li><a href="http://best-tuga.blogspot.pt/">best-tuga</a></li>
<li><a href="http://best-tuga.blogspot.pt/">best-tuga</a></li>
<li><a href="http://best-tuga.blogspot.pt/">best-tuga</a></li>
<li><a href="http://best-tuga.blogspot.pt/">best-tuga</a></li>
<span style="font-weight:bold;"></span>
</ul></div>

Salve e visualize:
Notas:
height:120px; altura da box...
width:300px; largura da box...
http://best-tuga.blogspot.pt/  coloque o seu link...
best-tuga    coloque o nome quiser...

Espero têr ajudado alguma dúvida disponha...Até mais.

Box d/ links p/ sidebar blog

► 1

► box vários

► Cartita