1. Slider, Popup y Otros Elementos Simples Para Blog o Páginas Web

Elementos y Código para Tu Blog o Página Web

Aqui tengo una selección de código simples que he encontrado y que funcionan, para tu blog solo tienes que agregar un gadget o en alguna parte de tu blog que acepte código html, por supuesto teniendo siempre cuidado en lo que haces.

Slider Simple Copialo en un gadget u otra parte de tu blog, puede ser en edición HTML. El más simple que he encontrado, solo tienes que poner las url de las imágenes, asegúrate que las imágenes tengan el mismo tamaño para mejores resultados o agrégale el código de ancho y alto a la etiqueta de imagen.

<!--CODIGO PARA COPIAR--> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js' type='text/javascript' > </script> <script type="text/javascript"> $(function(){     $('#slider div:gt(0)').hide();     setInterval(function(){       $('#slider div:first-child').fadeOut(0)          .next('div').fadeIn(1000)          .end().appendTo('#slider');}, 4000); }); </script> <div id="slider">     <div><img src="URL_IMAGEN1"/></div>     <div><img src="URL_IMAGEN1"/></div>     <div><img src="URL_IMAGEN1"/></div> </div>

Popup Simple Copia este código al lugar que deses en tu blog, solo debes cambiar nombre del titulo y poner luego el contenido en html que quieras.

<!--CODIGO PARA COPIAR--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <link href="https://sites.google.com/site/terrenoblogger/javascript/colorbox-terrenoblogger.css" rel="stylesheet"></link> <script src="https://sites.google.com/site/terrenoblogger/javascript/colorbox-terreblogger.js"></script> <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function(){ if (document.cookie.indexOf('visited=true') == -1) { var fifteenDays = 1000*60*60*24*0; var expires = new Date((new Date()).valueOf() + fifteenDays); document.cookie = "visited=true;expires=" + expires.toUTCString();  jQuery.colorbox({width:"400px", inline:true, href:"#facebook-TB"}); } }); </script> <div style="display: none;"> <div id="facebook-TB" style="background: #fff; padding: 10px;"> <h3 class="box-title">AQUI PUEDES PONER EL TITULO</h3>     <p>AQUI VA EL CODIGO HTML QUE DESEAS</p> </div> </div>