var styles = '<style> #lacoctelera_w { border-top: 2px solid #08BFF3; max-width: 300px; } #lacoctelera_w_h { background: #ADE5F6; padding: 8px; } #lacoctelera_w_h h2 { margin: 0; font: bold 12px Verdana; } #lacoctelera_w a { color: #006699; } #lacoctelera_w_h span { font: 9px Tahoma; } #lacoctelera_w_h span a { color: #666666; text-decoration: none; } #lacoctelera_c { background: #EBF9FD; padding: 8px; } .lacoctelera_p h3 { font: 15px Arial, Helvetica; margin: 0; } .lacoctelera_p p { font: 11px Verdana; margin: 0 0 10px 0; } #lacoctelera_w .lacoctelera_p p a { color: #666666; text-decoration: none; } #lacoctelera_f { background: url("http://www.lacoctelera.com/imag/ed/widget-logo-coctelera.png") repeat-x 0 -21px; position: relative; height: 20px; margin: 1px 0 40px 0; } #lacoctelera_t a { background: url("http://www.lacoctelera.com/imag/ed/widget-logo-coctelera.png") no-repeat; display: block; width: 86px; height: 20px; } #lacoctelera_t span { display: none; } .lacoctelera_rm { position: absolute; top: 4px; right: 4px; font: 9px Tahoma; }</style>'; document.write(styles);
var widget = '<div id="lacoctelera_w"> <div id="lacoctelera_w_h"> <h2><a href="http://www.lacoctelera.com/blat">blat</a></h2> <span><a href="http://www.lacoctelera.com/blat">lacoctelera.com/blat</a></span> </div> <div id="lacoctelera_c"> <div class="lacoctelera_p"> <h3><a href="http://www.lacoctelera.com/blat/post/2008/05/06/scrum-time">Scrum time</a></h3> <p><a href="http://www.lacoctelera.com/blat/post/2008/05/06/scrum-time">Metodologías ágiles al poder: </a></p> </div> <div class="lacoctelera_p"> <h3><a href="http://www.lacoctelera.com/blat/post/2008/04/15/naranjas-chinas-again">Naranjas chinas, again</a></h3> <p><a href="http://www.lacoctelera.com/blat/post/2008/04/15/naranjas-chinas-again">Este año he vuelto a hacer un pequeño pedido a Naranjas Chinas, como hice el año pasado. Los colores de este año son el azul marino, el rojo y el amarilo:  Además, encargué algunas chapas de margaritas. Mira que son majos, eehh.  </a></p> </div> <div class="lacoctelera_p"> <h3><a href="http://www.lacoctelera.com/blat/post/2008/04/12/sol">Sol</a></h3> <p><a href="http://www.lacoctelera.com/blat/post/2008/04/12/sol"> Qué bien se está en Valencia, dios mío. </a></p> </div> </div> <div id="lacoctelera_f"> <div id="lacoctelera_t"><a href="/login/step1"><span>La Coctelera - Crea tu blog gratis</span></a></div> <div class="lacoctelera_rm"><a href="http://www.lacoctelera.com/blat" title="Leer el blog blat">Leer más</a></div> </div> </div>'; document.write(widget);