<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/atom10full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearch/1.1/" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" gd:etag="W/&quot;DEMBSXc4fyp7ImA9WhRUFk8.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343</id><updated>2012-01-26T17:07:38.937-08:00</updated><category term="Twitter" /><category term="navidad" /><category term="texto" /><category term="Efectos" /><category term="Alojamiento" /><category term="Marcadores sociales" /><category term="plantillas" /><category term="sencillos (blogger)" /><category term="Variedades" /><category term="Libros y manuales" /><category term="Photoshop" /><category term="Videos" /><category term="Perú" /><category term="otros" /><category term="recursos" /><category term="imágenes" /><category term="Scripts" /><category term="Tipografía" /><category term="chat" /><category term="Diseño gráfico" /><category term="HTML/CSS" /><category term="Formularios" /><category term="Sidebar" /><category term="Lenguaje blogger" /><category term="Iconos" /><category term="Accesorios" /><category term="musica" /><category term="emoticones" /><category term="wallpapers" /><category term="jQuery" /><category term="Herramientas" /><category term="Multimedia" /><category term="Comentarios" /><category term="entrevistas" /><category term="mis tutoriales blogger" /><category term="Entretenimiento" /><category term="menús blogger" /><category term="Google" /><category term="descargas" /><category term="minijuegos online" /><category term="Consejos" /><category term="premios" /><category term="eventos" /><category term="Feed y RSS" /><category term="cosillas mías" /><category term="Scriptaculous" /><category term="Empezando" /><category term="Enlaces" /><category term="Etiquetas" /><title>Diversas y Variadas (Ayuda Blogger)</title><subtitle type="html">Ayuda para tu blog de Blogger. Diseño, recursos, tutoriales, herramientas, diversas utilidades y las más variadas novedades para tu blog.</subtitle><link rel="http://schemas.google.com/g/2005#feed" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/posts/default" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/" /><link rel="next" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default?start-index=26&amp;max-results=25&amp;redirect=false&amp;v=2" /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><generator version="7.00" uri="http://www.blogger.com">Blogger</generator><openSearch:totalResults>446</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/atom+xml" href="http://feeds.feedburner.com/diyva" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="diyva" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">diyva</feedburner:emailServiceId><feedburner:feedburnerHostname xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://feedburner.google.com</feedburner:feedburnerHostname><entry gd:etag="W/&quot;DUMAQHcyeSp7ImA9WhRUEUU.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343.post-5807683992203129092</id><published>2012-01-21T14:56:00.000-08:00</published><updated>2012-01-21T15:10:41.991-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-21T15:10:41.991-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Herramientas" /><category scheme="http://www.blogger.com/atom/ns#" term="imágenes" /><title>RoundPic » añadiendo esquinas redondeadas</title><content type="html">&lt;div style="text-align: justify;"&gt;&lt;a href="http://www.roundpic.com/"&gt;RoundPic&lt;/a&gt; es una herramienta gratuita, de fácil uso, que permite redondear las esquinas de nuestras imágenes, consiguiendo un efecto similar al que se logra con Photoshop.&lt;br /&gt;&lt;br /&gt;Lo único que tenemos que hacer es subir una imagen, seleccionar las opciones para redondear las esquinas de la imagen, dar click en Round y listo.&lt;/div&gt;&lt;br /&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;width: 400px; height: 175px;" class="img3" src="http://4.bp.blogspot.com/-W7_hOhSKkXI/TxtFUtYg9tI/AAAAAAAABcI/lgpgI0bNUkY/s400/roundpic_jessica_diyva.PNG" border="0" alt=""id="BLOGGER_PHOTO_ID_5700225975449614034" /&gt;&lt;br /&gt;&lt;span style="background:url('http://3.bp.blogspot.com/_yVKhLCZjGOI/SffCESRQjQI/AAAAAAAAAu0/qQ1gQReoGxI/s400/contacto.png') no-repeat left;padding: 3px 0px 3px 18px;margin:0px 0px 0px 0px;"&gt;&lt;a href="http://www.roundpic.com/" target="_blank"&gt;RoundPic&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9122953697184448343-5807683992203129092?l=diyva.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/diyva/~4/jxX2GlYkPTo" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/5807683992203129092/comments/default" title="Comentarios de la entrada" /><link rel="replies" type="text/html" href="http://diyva.blogspot.com/2012/01/roundpic-anadiendo-esquinas-redondeadas.html#comment-form" title="2 Comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/5807683992203129092?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/5807683992203129092?v=2" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/2012/01/roundpic-anadiendo-esquinas-redondeadas.html" title="RoundPic » añadiendo esquinas redondeadas" /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-W7_hOhSKkXI/TxtFUtYg9tI/AAAAAAAABcI/lgpgI0bNUkY/s72-c/roundpic_jessica_diyva.PNG" height="72" width="72" /><thr:total>2</thr:total></entry><entry gd:etag="W/&quot;CUEGR3g9eSp7ImA9WhRWGUo.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343.post-1444932422220135652</id><published>2012-01-07T13:35:00.000-08:00</published><updated>2012-01-07T14:00:26.661-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-07T14:00:26.661-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Photoshop" /><category scheme="http://www.blogger.com/atom/ns#" term="Diseño gráfico" /><category scheme="http://www.blogger.com/atom/ns#" term="Videos" /><title>La Bruxa (corto animado) + Pinceles Anime Eyes</title><content type="html">&lt;div style="text-align: justify;"&gt;Bueno, en este primer post del año voy a compartirl con ustedes dos cositas: un cortometraje y unos pinceles.&lt;br /&gt;&lt;br /&gt;&lt;span style="background:url('http://1.bp.blogspot.com/_yVKhLCZjGOI/S3goJEvm-JI/AAAAAAAABKY/iZrDZEjQueM/s400/2.gif') no-repeat left;padding: 3px 0px 3px 18px;margin:0px 0px 0px 0px;"&gt;&lt;span style="font-weight:bold;"&gt;La Bruxa: cortometraje animado&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;La Bruxa es un cortometraje animado que me gustó mucho; además, fue ganadora de los premios Goya en el 2011, en su categoría, al mejor corto de animación. Tiene una duración de 11 minutos.&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: center; font-size: 11px;"&gt;Click en la imagen para ver el video (esperad unos segundos a que cargue)&lt;/div&gt;&lt;center&gt;&lt;a href="http://youtube.com/v/e46edWULvx4&amp;amp;cc_load_policy=1&amp;hl=es&amp;fs=1&amp;rel=0&amp;showinfo=0" rel="floatbox" rev="width:700 height:400 scrolling:no"&gt;&lt;img style="width: 400px; height: 270px;" class="img3" src="http://img.youtube.com/vi/e46edWULvx4/hqdefault.jpg" /&gt;&lt;/a&gt;&lt;/center&gt;&lt;br /&gt;&lt;span style="background:url('http://1.bp.blogspot.com/_yVKhLCZjGOI/S3goJEvm-JI/AAAAAAAABKY/iZrDZEjQueM/s400/2.gif') no-repeat left;padding: 3px 0px 3px 18px;margin:0px 0px 0px 0px;"&gt;&lt;span style="font-weight:bold;"&gt;Anime Eyes Brushes&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;Este es un pack de pinceles de ojos de Anime, que pueden ser muy útiles para nuestras creaciones. Autor: &lt;a href="http://coby17.deviantart.com/art/Anime-Eyes-Brushes-PS-87959994"&gt;Coby17&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;center&gt;&lt;a href="http://coby17.deviantart.com/art/Anime-Eyes-Brushes-PS-87959994" target="_blank"&gt;&lt;img width="300"; height="300"; class="img3" src="http://fc03.deviantart.net/fs27/i/2008/159/7/4/Anime_Eyes_Brushes_PS_by_Coby17.jpg" /&gt;&lt;/center&gt;&lt;/a&gt;&lt;center&gt;&lt;span style="font-weight:bold;"&gt;Descargar&lt;/span&gt; &lt;a href="http://coby17.deviantart.com/art/Anime-Eyes-Brushes-PS-87959994" target="_blank"&gt;&lt;img src="http://2.bp.blogspot.com/_yVKhLCZjGOI/StJXkjvfWmI/AAAAAAAAA9o/KMuFcrHcI7c/s400/Box+Full.png" style="margin:0px 0px -22px 0px;" /&gt;&lt;/a&gt;&lt;/center&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9122953697184448343-1444932422220135652?l=diyva.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/diyva/~4/2e8vhPrBYmo" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/1444932422220135652/comments/default" title="Comentarios de la entrada" /><link rel="replies" type="text/html" href="http://diyva.blogspot.com/2012/01/la-bruxa-corto-animado-pinceles-anime.html#comment-form" title="5 Comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/1444932422220135652?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/1444932422220135652?v=2" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/2012/01/la-bruxa-corto-animado-pinceles-anime.html" title="La Bruxa (corto animado) + Pinceles Anime Eyes" /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/_yVKhLCZjGOI/StJXkjvfWmI/AAAAAAAAA9o/KMuFcrHcI7c/s72-c/Box+Full.png" height="72" width="72" /><thr:total>5</thr:total></entry><entry gd:etag="W/&quot;DE4BQX0_fip7ImA9WhRQGEQ.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343.post-3407341537093118397</id><published>2011-12-14T01:05:00.000-08:00</published><updated>2011-12-14T13:09:10.346-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-12-14T13:09:10.346-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="descargas" /><category scheme="http://www.blogger.com/atom/ns#" term="Iconos" /><title>Plastic Icon Set</title><content type="html">&lt;div style="text-align: justify;"&gt;Plastic es una colección de íconos navideños.&lt;/div&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;CARACTERÍSTICAS&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Pack de siete íconos navideños: calendario, velas, gato navideño, bola navideña, tarjeta navideña y Santa.&lt;br /&gt;Autor : &lt;a href="http://www.painticon.com/ru/Icons/details.php?ELEMENT_ID=124"&gt;PaintIcon&lt;/a&gt;&lt;br /&gt;Formato: PNG.&lt;br /&gt;Tamaño: 256x256, 128x128, 64x64, 48x48, 32x32, 24x24, 16x16.&lt;br /&gt;&lt;br /&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;width: 390px; height: 260px;" class="img3" src="http://2.bp.blogspot.com/-yBkjzN7aZ1I/TufJru42mII/AAAAAAAABb8/DoYCn4hTpCg/s400/icon_navidad_jessica.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5685734807736588418" /&gt;&lt;center&gt;&lt;a href="http://www.painticon.com/ru/Icons/details.php?ELEMENT_ID=124" target="_blank"&gt;&lt;span style="font-weight:bold;"&gt;Descargar&lt;/span&gt; &lt;img src="http://2.bp.blogspot.com/_yVKhLCZjGOI/StJXkjvfWmI/AAAAAAAAA9o/KMuFcrHcI7c/s400/Box+Full.png" style="margin:0px 0px -22px 0px;" /&gt;&lt;/a&gt;&lt;/center&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9122953697184448343-3407341537093118397?l=diyva.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/diyva/~4/6-n11Vzj-sk" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/3407341537093118397/comments/default" title="Comentarios de la entrada" /><link rel="replies" type="text/html" href="http://diyva.blogspot.com/2011/12/plastic-icon-set.html#comment-form" title="5 Comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/3407341537093118397?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/3407341537093118397?v=2" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/2011/12/plastic-icon-set.html" title="Plastic Icon Set" /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-yBkjzN7aZ1I/TufJru42mII/AAAAAAAABb8/DoYCn4hTpCg/s72-c/icon_navidad_jessica.jpg" height="72" width="72" /><thr:total>5</thr:total></entry><entry gd:etag="W/&quot;DkMGQ3s5fCp7ImA9WhRQFUg.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343.post-7303239257656866880</id><published>2011-12-10T13:21:00.000-08:00</published><updated>2011-12-10T14:00:22.524-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-12-10T14:00:22.524-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Efectos" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML/CSS" /><title>Título de los post con sombra y efecto Mouseover</title><content type="html">&lt;div style="text-align: justify;"&gt;Hoy vamos a ver cómo agregar un efecto bonito para darle un poco de dinamismo a los títulos de los post. Para ello, agregaremos una sombra y el efecto mouseover a los títulos. &lt;br /&gt;&lt;br /&gt;&lt;center&gt;( &lt;span style="font-size:100%;"&gt;&lt;b&gt;↪&lt;/b&gt;&lt;/span&gt; Ver &lt;a href="http://otraspruebasblog.blogspot.com/"&gt;DEMO&lt;/a&gt;)&lt;/center&gt;&lt;br /&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;width: 400px; height: 124px;" class="img3"  src="http://3.bp.blogspot.com/-XXjLJ96aoLk/TuPVdPNdaEI/AAAAAAAABbw/3XYuWxhx1EQ/s400/efecto_header_jessica.PNG" border="0" alt=""id="BLOGGER_PHOTO_ID_5684621852947605570" /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;1.§&lt;/span&gt; Vamos a Diseño - Edición de HTML y buscamos &lt;span style="font-weight:bold;"&gt;.post h3 {&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;2.§&lt;/span&gt; Entre llaves, debajo de &lt;span style="font-weight:bold;"&gt;.post h3 {&lt;/span&gt; veremos un código y una llave de cierre &lt;span style="font-weight:bold;"&gt;}&lt;/span&gt; antes de esa llave de cierre, dentro de &lt;span style="font-weight:bold;"&gt;.post h3 {&lt;/span&gt; pegaremos el siguiente código:&lt;/div&gt;&lt;br /&gt;&lt;blockquote&gt;border-left:7px solid &lt;span style="font-weight:bold;"&gt;#666&lt;/span&gt;;&lt;br /&gt;border-right:7px solid &lt;span style="font-weight:bold;"&gt;#666&lt;/span&gt;;&lt;br /&gt;padding:3px 5px 3px  20px;&lt;br /&gt;border-radius:15px;&lt;br /&gt;-moz-border-radius:15px;&lt;br /&gt;box-shadow:0px 0px 4px &lt;span style="font-weight:bold;"&gt;#666&lt;/span&gt;;&lt;br /&gt;-webkit-box-shadow:0px 0px 13px &lt;span style="font-weight:bold;"&gt;#666&lt;/span&gt;;&lt;br /&gt;-moz-box-shadow:0px 0px 4px &lt;span style="font-weight:bold;"&gt;#666&lt;/span&gt;;&lt;/blockquote&gt; &lt;br /&gt;&lt;div style="text-align: justify;"&gt;Lo que está en negrita es el color de la sombra; podemos reemplazarlo por otro color, pero debe ser el mismo en los cinco casos en que se repite. También podemos modificar el ancho de la sombra.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;3.§&lt;/span&gt; Antes de &lt;span style="font-weight:bold;"&gt;.post h3 {&lt;/span&gt; pegaremos lo siguiente, que es el código para darle el efecto Mouseover:&lt;/div&gt;&lt;br /&gt;&lt;blockquote&gt;.post h3:hover {&lt;br /&gt;font-style:italic;&lt;br /&gt;border-left:7px solid &lt;span style="font-weight:bold;"&gt;#FF133F&lt;/span&gt;;&lt;br /&gt;border-right:7px solid &lt;span style="font-weight:bold;"&gt;#FF133F&lt;/span&gt;;&lt;br /&gt;box-shadow:0px 0px 4px &lt;span style="font-weight:bold;"&gt;#FF133F&lt;/span&gt;;&lt;br /&gt;-webkit-box-shadow:0px 0px 13px &lt;span style="font-weight:bold;"&gt;#FF133F&lt;/span&gt;;&lt;br /&gt;-moz-box-shadow:0px 0px 4px &lt;span style="font-weight:bold;"&gt;#FF133F&lt;/span&gt;;&lt;br /&gt;}&lt;/blockquote&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;Igual que en el caso anterior, podemos reemplazar lo que está en negrita por otro color. Ese será el color de la sombra cuando pasemos el cursor por encima del título del blog. Para ver el efecto en funcionamiento puedes pasar el cursor encima de los títulos de mi &lt;a href="http://otraspruebasblog.blogspot.com/"&gt;blog de pruebas&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;4.§&lt;/span&gt; Damos click en Guardar.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9122953697184448343-7303239257656866880?l=diyva.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/diyva/~4/62qrqkbmfEg" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/7303239257656866880/comments/default" title="Comentarios de la entrada" /><link rel="replies" type="text/html" href="http://diyva.blogspot.com/2011/12/titulo-de-los-post-con-sombra-y-efecto.html#comment-form" title="3 Comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/7303239257656866880?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/7303239257656866880?v=2" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/2011/12/titulo-de-los-post-con-sombra-y-efecto.html" title="Título de los post con sombra y efecto Mouseover" /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-XXjLJ96aoLk/TuPVdPNdaEI/AAAAAAAABbw/3XYuWxhx1EQ/s72-c/efecto_header_jessica.PNG" height="72" width="72" /><thr:total>3</thr:total></entry><entry gd:etag="W/&quot;DUECQXozeCp7ImA9WhRSE0k.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343.post-7399174803331955608</id><published>2011-11-15T01:01:00.000-08:00</published><updated>2011-11-15T01:01:00.480-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-11-15T01:01:00.480-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Efectos" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML/CSS" /><title>Cartel de aviso flotante</title><content type="html">&lt;div style="text-align: justify;"&gt;Hoy veremos cómo agregar a nuestro blog un cartel de aviso flotante, con botón de cerrar, que puede sernos de mucha utilidad cuando queremos comunicar algo o simplemente para dar la bienvenida a nuestro blog e invitar a nuestros lectores a suscribirse.&lt;br /&gt;&lt;br /&gt;El cartel, lo pueden ver funcionando en mi &lt;a href="http://pruebasdeyk.blogspot.com/"&gt;blog de pruebas&lt;/a&gt;. Aquí les dejo una imagen:&lt;br /&gt;&lt;br /&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;width: 315px; height: 148px;" class="img3" src="http://4.bp.blogspot.com/-Gjg4Di-c108/TsGtnyqtvrI/AAAAAAAABbk/TzNfMh3AZkM/s400/jessica_aviso_flotante.PNG" border="0" alt=""id="BLOGGER_PHOTO_ID_5675007904590970546" /&gt;&lt;br /&gt;Bien, entonces empecemos:&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;1.§&lt;/span&gt; Vamos a Diseño - Edición de HTML y buscamos &lt;span style="font-weight:bold;"&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;2.§&lt;/span&gt; Encima pegaremos los estilos:&lt;br /&gt;&lt;blockquote&gt;#aviso {&lt;br /&gt;    background-color: #e2e2e2;  /* color del fondo */&lt;br /&gt;    border: 3px solid #CA185F;  /* color del borde */&lt;br /&gt;    color: #000000;  /* color del texto */&lt;br /&gt;    font-size: 14px;  /* tamaño de fuente */&lt;br /&gt;    font-family: Arial;  /* tipo de fuente */&lt;br /&gt;text-align: center;&lt;br /&gt;    padding: 5px; &lt;br /&gt;    position: fixed;&lt;br /&gt;    &lt;span style="font-weight:bold;"&gt;top&lt;/span&gt;: 20px; &lt;br /&gt;&lt;span style="font-weight:bold;"&gt;right&lt;/span&gt;: 65%;&lt;br /&gt;    width: 250px;&lt;br /&gt;      }&lt;/blockquote&gt;&lt;br /&gt;Para cambiar la posición del cartel, debemos de cambiar los valores &lt;span style="font-style:italic;"&gt;top&lt;/span&gt; y &lt;span style="font-style:italic;"&gt;right&lt;/span&gt;. Si deseamos podemos agregar más estilos como sombras, bordes redondeados, etc.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;3.§&lt;/span&gt; Ahora buscaremos &lt;span style="font-weight:bold;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt; y encima de éste pegaremos lo siguiente:&lt;/div&gt;&lt;br /&gt;&lt;blockquote&gt;&amp;lt;div id='aviso'&amp;gt;&lt;br /&gt;&amp;lt;div align='right' style='margin-bottom:-15px;'&amp;gt;&amp;lt;a href='javascript:void(0);' onclick='document.getElementById(&amp;apos;aviso&amp;apos;).style.display=&amp;apos;none&amp;apos;;'&amp;gt;&lt;br /&gt;    &amp;lt;img src='&lt;b&gt;http://4.bp.blogspot.com/-gGArecPnSoc/TsGjlbSfbcI/AAAAAAAABbA/CKc046eGiQI/s1600/Close.png&lt;/b&gt;'/&amp;gt;&lt;br /&gt;  &amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;    &amp;lt;p&amp;gt;&lt;i&gt;Aquí pegar el contenido del aviso&lt;/i&gt;&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/blockquote&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;Lo resaltado en negrita es la URL de la imagen del botón; podemos reemplazarla por otra. En donde dice &lt;i&gt;Aquí pegar el contenido del aviso&lt;/i&gt;, colocaremos el contenido del cartel. En el ejemplo, puse un texto de bienvenida y dos botones, uno de Twitter y otro de Facebook.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;4.§&lt;/span&gt; Una vez terminado esto, damos click en Guardar y listo.&lt;/div&gt;&lt;br /&gt;&lt;span style="background:url('http://1.bp.blogspot.com/_yVKhLCZjGOI/S3goJEvm-JI/AAAAAAAABKY/iZrDZEjQueM/s400/2.gif') no-repeat left;padding: 3px 0px 3px 18px;margin:0px 0px 0px 0px;"&gt;&lt;a href="http://pruebasdeyk.blogspot.com/"&gt;Ver demo&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9122953697184448343-7399174803331955608?l=diyva.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/diyva/~4/2yXqfeIwUsE" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/7399174803331955608/comments/default" title="Comentarios de la entrada" /><link rel="replies" type="text/html" href="http://diyva.blogspot.com/2011/11/cartel-de-aviso-flotante.html#comment-form" title="8 Comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/7399174803331955608?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/7399174803331955608?v=2" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/2011/11/cartel-de-aviso-flotante.html" title="Cartel de aviso flotante" /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-Gjg4Di-c108/TsGtnyqtvrI/AAAAAAAABbk/TzNfMh3AZkM/s72-c/jessica_aviso_flotante.PNG" height="72" width="72" /><thr:total>8</thr:total></entry><entry gd:etag="W/&quot;AkMCQXwzfSp7ImA9WhdbGE4.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343.post-9071241066245914287</id><published>2011-10-17T01:01:00.000-07:00</published><updated>2011-10-17T01:01:00.285-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-10-17T01:01:00.285-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="descargas" /><category scheme="http://www.blogger.com/atom/ns#" term="Diseño gráfico" /><title>Stripe Patterns</title><content type="html">&lt;div style="text-align: justify;"&gt;Stripe Patterns es una colección de 6 motivos o patrones para Photoshop.&lt;/div&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;CARACTERÍSTICAS&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Pack de seis motivos en varios colores: rojo, violeta, azul, verde, amarillo y anaranjado en tonos pastel.&lt;br /&gt;Autora : &lt;a href="http://diyva-jessica.deviantart.com/"&gt;Jessica YK&lt;/a&gt; (DiyVa-Jessica)&lt;br /&gt;Formato: PAT&lt;br /&gt;Licencia: Este trabajo está bajo una licencia &lt;a href="http://creativecommons.org/licenses/by-nc-nd/3.0/"&gt;Creative Commons&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;width: 450px; height: 450px;" class="img3" src="http://fc01.deviantart.net/fs71/i/2011/269/4/1/stripe_patterns_by_diyva_jessica-d4b13l6.png" border="0" /&gt;&lt;center&gt;&lt;a href="http://diyva-jessica.deviantart.com/#/d4b13l6" target="_blank"&gt;&lt;span style="font-weight:bold;"&gt;Descargar&lt;/span&gt; &lt;img src="http://2.bp.blogspot.com/_yVKhLCZjGOI/StJXkjvfWmI/AAAAAAAAA9o/KMuFcrHcI7c/s400/Box+Full.png" style="margin:0px 0px -22px 0px;" /&gt;&lt;/a&gt;&lt;/center&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9122953697184448343-9071241066245914287?l=diyva.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/diyva/~4/3xt30ElRYSk" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/9071241066245914287/comments/default" title="Comentarios de la entrada" /><link rel="replies" type="text/html" href="http://diyva.blogspot.com/2011/10/stripe-patterns.html#comment-form" title="6 Comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/9071241066245914287?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/9071241066245914287?v=2" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/2011/10/stripe-patterns.html" title="Stripe Patterns" /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/_yVKhLCZjGOI/StJXkjvfWmI/AAAAAAAAA9o/KMuFcrHcI7c/s72-c/Box+Full.png" height="72" width="72" /><thr:total>6</thr:total></entry><entry gd:etag="W/&quot;DE8GQX09cCp7ImA9WhdbFE0.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343.post-4449518159485823346</id><published>2011-10-12T01:07:00.000-07:00</published><updated>2011-10-12T01:07:00.368-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-10-12T01:07:00.368-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Herramientas" /><category scheme="http://www.blogger.com/atom/ns#" term="Multimedia" /><category scheme="http://www.blogger.com/atom/ns#" term="musica" /><title>RedKaraoke » un karaoke online</title><content type="html">&lt;div style="text-align: justify;"&gt;&lt;a href="http://www.redkaraoke.es/"&gt;Red Karaoke&lt;/a&gt; es una página que ofrece un karaoke online, con muchas canciones, además permite grabar tu canción, de modo que puedas compartirla en Facebook, Twitter o por correo.&lt;br /&gt;&lt;br /&gt;Ofrece también la posibilidad de descargar la pista instrumental y además puedes participar en juegos, retos y concursos. Es decir una página muy completa y donde podrás divertirte cantando!&lt;/div&gt;&lt;br /&gt;&lt;div style="text-align: center; font-size: 11px;"&gt;Click en la imagen para ampliar&lt;/div&gt;&lt;a rel="floatbox" href="http://4.bp.blogspot.com/-Q19CdtZP-4I/TpTVgdHUNsI/AAAAAAAABaE/Zwuoak7ZUoE/s1600/jessica_red_karaoke.PNG"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 228px;" class="img3" src="http://4.bp.blogspot.com/-Q19CdtZP-4I/TpTVgdHUNsI/AAAAAAAABaE/Zwuoak7ZUoE/s400/jessica_red_karaoke.PNG" border="0" alt=""id="BLOGGER_PHOTO_ID_5662385385059399362" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="background:url('http://3.bp.blogspot.com/_yVKhLCZjGOI/SffCESRQjQI/AAAAAAAAAu0/qQ1gQReoGxI/s400/contacto.png') no-repeat left;padding: 3px 0px 3px 18px;margin:0px 0px 0px 0px;"&gt;&lt;a href="http://www.redkaraoke.es/" target="_blank"&gt;Red Karaoke&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9122953697184448343-4449518159485823346?l=diyva.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/diyva/~4/GRAQorBRiLU" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/4449518159485823346/comments/default" title="Comentarios de la entrada" /><link rel="replies" type="text/html" href="http://diyva.blogspot.com/2011/10/redkaraoke-un-karaoke-online.html#comment-form" title="4 Comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/4449518159485823346?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/4449518159485823346?v=2" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/2011/10/redkaraoke-un-karaoke-online.html" title="RedKaraoke » un karaoke online" /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-Q19CdtZP-4I/TpTVgdHUNsI/AAAAAAAABaE/Zwuoak7ZUoE/s72-c/jessica_red_karaoke.PNG" height="72" width="72" /><thr:total>4</thr:total></entry><entry gd:etag="W/&quot;DUYNRXk6eyp7ImA9WhdbEkU.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343.post-6207112671773708568</id><published>2011-10-10T15:30:00.000-07:00</published><updated>2011-10-10T15:53:14.713-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-10-10T15:53:14.713-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Efectos" /><category scheme="http://www.blogger.com/atom/ns#" term="Scripts" /><title>Efecto estrellas de colores en el cursor</title><content type="html">&lt;div style="text-align: justify;"&gt;Hoy les traigo un tutorial con un efecto muy bonito que pueden implementar en su blog o web. Se trata de uns estrellitas de colores que caen cuando se mueve el cursos. Pueden ver los resultados en mi &lt;a href="http://pruebasdeyk.blogspot.com/"&gt;blog de pruebas&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;width: 482px; height: 179px;" class="img3" src="http://3.bp.blogspot.com/-1w83NDbDB9M/TpN2u12y0AI/AAAAAAAABZ0/VzS98Y98Qxk/s0/jessica_cursor_estrellas.PNG" border="0" alt=""id="BLOGGER_PHOTO_ID_5661999703637807106" /&gt;&lt;br /&gt;Bien, para implementar este efecto, seguimos los siguientes pasos :&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;1.§&lt;/span&gt; Vamos a Plantilla - Edición de HTML; si usamos a antigua interfaz de Blogger, vamos a Diseño - Edición de HTML.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;2.§&lt;/span&gt; Con ayuda de CTRL+F buscamos &lt;span style="font-weight:bold;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt; y justo antes de éste, pegaremos el siguiente script: &lt;/div&gt;&lt;br /&gt;&lt;div style="text-indent: 18px;"&gt;✵ &lt;a href='#' onclick='Effect.toggle("arco","slide"); return false'&gt;Ver SCRIPT [+/-]&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div id='arco' style='display: none;'&gt;&lt;br /&gt;&lt;blockquote&gt;&amp;lt;script type='text/javascript'&amp;gt; &lt;br /&gt;//Cursor estrellas &lt;br /&gt;// &amp;lt;![CDATA[ &lt;br /&gt;function initCursor() { &lt;br /&gt;if (document.getElementById) { &lt;br /&gt;var i, rats, rlef, rdow; &lt;br /&gt;for (var i=0; i&amp;lt;sparkles; i++) { &lt;br /&gt;var rats=createDiv(3, 3); &lt;br /&gt;rats.style.visibility=&amp;quot;hidden&amp;quot;; &lt;br /&gt;document.body.appendChild(tiny[i]=rats); &lt;br /&gt;starv[i]=0; &lt;br /&gt;tinyv[i]=0; &lt;br /&gt;var rats=createDiv(5, 5); &lt;br /&gt;rats.style.backgroundColor=&amp;quot;transparent&amp;quot;; &lt;br /&gt;rats.style.visibility=&amp;quot;hidden&amp;quot;; &lt;br /&gt;var rlef=createDiv(1, 5); &lt;br /&gt;var rdow=createDiv(5, 1); &lt;br /&gt;rats.appendChild(rlef); &lt;br /&gt;rats.appendChild(rdow); &lt;br /&gt;rlef.style.top=&amp;quot;2px&amp;quot;; &lt;br /&gt;rlef.style.left=&amp;quot;0px&amp;quot;; &lt;br /&gt;rdow.style.top=&amp;quot;0px&amp;quot;; &lt;br /&gt;rdow.style.left=&amp;quot;2px&amp;quot;; &lt;br /&gt;document.body.appendChild(star[i]=rats); &lt;br /&gt;} &lt;br /&gt;set_width(); &lt;br /&gt;sparkle(); &lt;br /&gt;}} &lt;br /&gt;&lt;br /&gt;var hex=new Array(&amp;quot;00&amp;quot;,&amp;quot;14&amp;quot;,&amp;quot;28&amp;quot;,&amp;quot;3C&amp;quot;,&amp;quot;50&amp;quot;,&amp;quot;64&amp;quot;,&amp;quot;78&amp;quot;,&amp;quot;8C&amp;quot;,&amp;quot;A0&amp;quot;,&amp;quot;B4&amp;quot;,&amp;quot;C8&amp;quot;,&amp;quot;DC&amp;quot;,&amp;quot;F0&amp;quot;) &lt;br /&gt;var r=1 &lt;br /&gt;var g=1 &lt;br /&gt;var b=1 &lt;br /&gt;var seq=1 &lt;br /&gt;var sparkles = 35; &lt;br /&gt;&lt;br /&gt;var x=ox=400; &lt;br /&gt;var y=oy=300; &lt;br /&gt;var swide=800; &lt;br /&gt;var shigh=600; &lt;br /&gt;var sleft=sdown=0; &lt;br /&gt;var tiny=new Array(); &lt;br /&gt;var star=new Array(); &lt;br /&gt;var starv=new Array(); &lt;br /&gt;var starx=new Array(); &lt;br /&gt;var stary=new Array(); &lt;br /&gt;var tinyx=new Array(); &lt;br /&gt;var tinyy=new Array(); &lt;br /&gt;var tinyv=new Array(); &lt;br /&gt;&lt;br /&gt;function sparkle() { &lt;br /&gt;var c; &lt;br /&gt;if (x!=ox || y!=oy) { &lt;br /&gt;ox=x; &lt;br /&gt;oy=y; &lt;br /&gt;for (c=0; c&amp;lt;sparkles; c++) if (!starv[c]) { &lt;br /&gt;star[c].style.left=(starx[c]=x)+&amp;quot;px&amp;quot;; &lt;br /&gt;star[c].style.top=(stary[c]=y)+&amp;quot;px&amp;quot;; &lt;br /&gt;star[c].style.clip=&amp;quot;rect(0px, 5px, 5px, 0px)&amp;quot;; &lt;br /&gt;star[c].style.visibility=&amp;quot;visible&amp;quot;; &lt;br /&gt;starv[c]=50; &lt;br /&gt;break; &lt;br /&gt;} &lt;br /&gt;} &lt;br /&gt;for (c=0; c&amp;lt;sparkles; c++) { &lt;br /&gt;if (starv[c]) update_star(c); &lt;br /&gt;if (tinyv[c]) update_tiny(c); &lt;br /&gt;} &lt;br /&gt;setTimeout(&amp;quot;sparkle()&amp;quot;, 40); &lt;br /&gt;} &lt;br /&gt;&lt;br /&gt;function update_star(i) { &lt;br /&gt;if (--starv[i]==25) star[i].style.clip=&amp;quot;rect(1px, 4px, 4px, 1px)&amp;quot;; &lt;br /&gt;if (starv[i]) { &lt;br /&gt;stary[i]+=1+Math.random()*3; &lt;br /&gt;if (stary[i]&amp;lt;shigh+sdown) { &lt;br /&gt;star[i].style.top=stary[i]+&amp;quot;px&amp;quot;; &lt;br /&gt;starx[i]+=(i%5-2)/5; &lt;br /&gt;star[i].style.left=starx[i]+&amp;quot;px&amp;quot;; &lt;br /&gt;} &lt;br /&gt;else { &lt;br /&gt;star[i].style.visibility=&amp;quot;hidden&amp;quot;; &lt;br /&gt;starv[i]=0; &lt;br /&gt;return; &lt;br /&gt;} &lt;br /&gt;} &lt;br /&gt;else { &lt;br /&gt;tinyv[i]=50; &lt;br /&gt;tiny[i].style.top=(tinyy[i]=stary[i])+&amp;quot;px&amp;quot;; &lt;br /&gt;tiny[i].style.left=(tinyx[i]=starx[i])+&amp;quot;px&amp;quot;; &lt;br /&gt;tiny[i].style.width=&amp;quot;2px&amp;quot;; &lt;br /&gt;tiny[i].style.height=&amp;quot;2px&amp;quot;; &lt;br /&gt;star[i].style.visibility=&amp;quot;hidden&amp;quot;; &lt;br /&gt;tiny[i].style.visibility=&amp;quot;visible&amp;quot; &lt;br /&gt;} &lt;br /&gt;} &lt;br /&gt;&lt;br /&gt;function update_tiny(i) { &lt;br /&gt;if (--tinyv[i]==25) { &lt;br /&gt;tiny[i].style.width=&amp;quot;1px&amp;quot;; &lt;br /&gt;tiny[i].style.height=&amp;quot;1px&amp;quot;; &lt;br /&gt;} &lt;br /&gt;if (tinyv[i]) { &lt;br /&gt;tinyy[i]+=1+Math.random()*3; &lt;br /&gt;if (tinyy[i]&amp;lt;shigh+sdown) { &lt;br /&gt;tiny[i].style.top=tinyy[i]+&amp;quot;px&amp;quot;; &lt;br /&gt;tinyx[i]+=(i%5-2)/5; &lt;br /&gt;tiny[i].style.left=tinyx[i]+&amp;quot;px&amp;quot;; &lt;br /&gt;} &lt;br /&gt;else { &lt;br /&gt;tiny[i].style.visibility=&amp;quot;hidden&amp;quot;; &lt;br /&gt;tinyv[i]=0; &lt;br /&gt;return; &lt;br /&gt;} &lt;br /&gt;} &lt;br /&gt;else tiny[i].style.visibility=&amp;quot;hidden&amp;quot;; &lt;br /&gt;} &lt;br /&gt;&lt;br /&gt;document.onmousemove=mouse; &lt;br /&gt;function mouse(e) { &lt;br /&gt;set_scroll(); &lt;br /&gt;y=(e)?e.pageY:event.y+sdown; &lt;br /&gt;x=(e)?e.pageX:event.x+sleft; &lt;br /&gt;} &lt;br /&gt;&lt;br /&gt;function set_scroll() { &lt;br /&gt;if (typeof(self.pageYOffset)==&amp;quot;number&amp;quot;) { &lt;br /&gt;sdown=self.pageYOffset; &lt;br /&gt;sleft=self.pageXOffset; &lt;br /&gt;} &lt;br /&gt;else if (document.body.scrollTop || document.body.scrollLeft) { &lt;br /&gt;sdown=document.body.scrollTop; &lt;br /&gt;sleft=document.body.scrollLeft; &lt;br /&gt;} &lt;br /&gt;else if (document.documentElement &amp;&amp; (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { &lt;br /&gt;sleft=document.documentElement.scrollLeft; &lt;br /&gt;sdown=document.documentElement.scrollTop; &lt;br /&gt;} &lt;br /&gt;else { &lt;br /&gt;sdown=0; &lt;br /&gt;sleft=0; &lt;br /&gt;} &lt;br /&gt;} &lt;br /&gt;&lt;br /&gt;window.onresize=set_width; &lt;br /&gt;function set_width() { &lt;br /&gt;if (typeof(self.innerWidth)==&amp;quot;number&amp;quot;) { &lt;br /&gt;swide=self.innerWidth; &lt;br /&gt;shigh=self.innerHeight; &lt;br /&gt;} &lt;br /&gt;else if (document.documentElement &amp;&amp; document.documentElement.clientWidth) { &lt;br /&gt;swide=document.documentElement.clientWidth; &lt;br /&gt;shigh=document.documentElement.clientHeight; &lt;br /&gt;} &lt;br /&gt;else if (document.body.clientWidth) { &lt;br /&gt;swide=document.body.clientWidth; &lt;br /&gt;shigh=document.body.clientHeight; &lt;br /&gt;} &lt;br /&gt;} &lt;br /&gt;&lt;br /&gt;function createDiv(height, width) { &lt;br /&gt;var div=document.createElement(&amp;quot;div&amp;quot;); &lt;br /&gt;rainbow=&amp;quot;#&amp;quot;+hex[r]+hex[g]+hex[b] &lt;br /&gt;if (seq==6){ &lt;br /&gt;b-- &lt;br /&gt;if (b==0) &lt;br /&gt;seq=1 &lt;br /&gt;} &lt;br /&gt;if (seq==5){ &lt;br /&gt;r++ &lt;br /&gt;if (r==12) &lt;br /&gt;seq=6 &lt;br /&gt;} &lt;br /&gt;if (seq==4){ &lt;br /&gt;g-- &lt;br /&gt;if (g==0) &lt;br /&gt;seq=5 &lt;br /&gt;} &lt;br /&gt;if (seq==3){ &lt;br /&gt;b++ &lt;br /&gt;if (b==12) &lt;br /&gt;seq=4 &lt;br /&gt;} &lt;br /&gt;if (seq==2){ &lt;br /&gt;r-- &lt;br /&gt;if (r==0) &lt;br /&gt;seq=3 &lt;br /&gt;} &lt;br /&gt;if (seq==1){ &lt;br /&gt;g++ &lt;br /&gt;if (g==12) &lt;br /&gt;seq=2 &lt;br /&gt;} &lt;br /&gt;div.style.position=&amp;quot;absolute&amp;quot;; &lt;br /&gt;div.style.height=height+&amp;quot;px&amp;quot;; &lt;br /&gt;div.style.width=width+&amp;quot;px&amp;quot;; &lt;br /&gt;div.style.overflow=&amp;quot;hidden&amp;quot;; &lt;br /&gt;div.style.zIndex=&amp;quot;10&amp;quot;; &lt;br /&gt;div.style.backgroundColor=rainbow; &lt;br /&gt;return (div); &lt;br /&gt;} &lt;br /&gt;window.onload=function() &lt;br /&gt;{ &lt;br /&gt;initCursor() &lt;br /&gt;initImage() &lt;br /&gt;startTime() &lt;br /&gt;} &lt;br /&gt;&lt;br /&gt;function initImage() { &lt;br /&gt;imageId = 'menu' &lt;br /&gt;image = document.getElementById(imageId); &lt;br /&gt;setOpacity(image, 0); &lt;br /&gt;image.style.visibility = &amp;quot;visible&amp;quot;; &lt;br /&gt;fadeIn(imageId,0); &lt;br /&gt;} &lt;br /&gt;function fadeIn(objId,opacity) { &lt;br /&gt;if (document.getElementById) { &lt;br /&gt;obj = document.getElementById(objId); &lt;br /&gt;if (opacity &amp;lt;= 100) { &lt;br /&gt;setOpacity(obj, opacity); &lt;br /&gt;opacity += 10; &lt;br /&gt;window.setTimeout(&amp;quot;fadeIn('&amp;quot;+objId+&amp;quot;',&amp;quot;+opacity+&amp;quot;)&amp;quot;, 120); &lt;br /&gt;} &lt;br /&gt;} &lt;br /&gt;} &lt;br /&gt;function setOpacity(obj, opacity) { &lt;br /&gt;opacity = (opacity == 100)?99.999:opacity; &lt;br /&gt;// IE/Win &lt;br /&gt;obj.style.filter = &amp;quot;alpha(opacity:&amp;quot;+opacity+&amp;quot;)&amp;quot;; &lt;br /&gt;// Safari&amp;lt;1.2, Konqueror &lt;br /&gt;obj.style.KHTMLOpacity = opacity/100; &lt;br /&gt;// Older Mozilla and Firefox &lt;br /&gt;obj.style.MozOpacity = opacity/100; &lt;br /&gt;// Safari 1.2, newer Firefox and Mozilla, CSS3 &lt;br /&gt;obj.style.opacity = opacity/100; &lt;br /&gt;} &lt;br /&gt;&lt;br /&gt;function changeNav(id) { &lt;br /&gt;document.getElementById('content').innerHTML=document.getElementById(id).innerHTML; &lt;br /&gt;document.getElementById('main').innerHTML=document.getElementById('home').innerHTML; &lt;br /&gt;document.getElementById('rabbit').style.top=&amp;quot;275px&amp;quot; &lt;br /&gt;document.getElementById('penguin').style.top=&amp;quot;532px&amp;quot; &lt;br /&gt;} &lt;br /&gt;&lt;br /&gt;function hidestatus(){ &lt;br /&gt;window.status=&amp;quot;&amp;quot; &lt;br /&gt;return true &lt;br /&gt;} &lt;br /&gt;// ]]&amp;gt; &lt;br /&gt;&amp;lt;/script&amp;gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;span style="font-weight:bold;"&gt;3.§&lt;/span&gt; Damos click a guardar y listo!&lt;br /&gt;&lt;br /&gt;&lt;span style="background:url('http://1.bp.blogspot.com/_yVKhLCZjGOI/S3goJEvm-JI/AAAAAAAABKY/iZrDZEjQueM/s400/2.gif') no-repeat left;padding: 3px 0px 3px 18px;margin:0px 0px 0px 0px;"&gt;&lt;a href="http://pruebasdeyk.blogspot.com/"&gt;Ver demo&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9122953697184448343-6207112671773708568?l=diyva.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/diyva/~4/WQnVpjtQo98" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/6207112671773708568/comments/default" title="Comentarios de la entrada" /><link rel="replies" type="text/html" href="http://diyva.blogspot.com/2011/10/efecto-estrellas-de-colores-en-el.html#comment-form" title="14 Comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/6207112671773708568?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/6207112671773708568?v=2" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/2011/10/efecto-estrellas-de-colores-en-el.html" title="Efecto estrellas de colores en el cursor" /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-1w83NDbDB9M/TpN2u12y0AI/AAAAAAAABZ0/VzS98Y98Qxk/s72-c/jessica_cursor_estrellas.PNG" height="72" width="72" /><thr:total>14</thr:total></entry><entry gd:etag="W/&quot;C0AMQXwzfSp7ImA9WhdUGE0.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343.post-5479087952430222463</id><published>2011-10-05T01:03:00.000-07:00</published><updated>2011-10-05T01:03:00.285-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-10-05T01:03:00.285-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Herramientas" /><category scheme="http://www.blogger.com/atom/ns#" term="Twitter" /><title>Twitter to RSS » seguir twitter desde un lector feed</title><content type="html">&lt;div style="text-align: justify;"&gt;&lt;a href="http://www.twittertorss.com/"&gt;Twitter to RSS&lt;/a&gt; es una herramienta online y gratuita que nos permite seguir una cuenta de Twitter mediante nuestro lector de feeds favorito.&lt;br /&gt;&lt;br /&gt;Es bastante sencilla de usar. Bastará con escribir el nombre de usuario de la cuenta de Twitter y dar click en Send. Aparecerá una lista con los tweets al lado de una lista de lectores de feed. Escogemos uno de éstos y listo.&lt;/div&gt;&lt;br /&gt;&lt;div style="text-align: center; font-size: 11px;"&gt;Click en la imagen para ampliar&lt;/div&gt;&lt;a rel="floatbox" href="http://3.bp.blogspot.com/-xbZTpBuRIso/ToZIGPc2HWI/AAAAAAAABZc/DrmWyBzGsz4/s1600/jessica_twitter_rss.PNG"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 271px;" class="img3" src="http://3.bp.blogspot.com/-xbZTpBuRIso/ToZIGPc2HWI/AAAAAAAABZc/DrmWyBzGsz4/s400/jessica_twitter_rss.PNG" border="0" alt=""id="BLOGGER_PHOTO_ID_5658289253901540706" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="background:url('http://3.bp.blogspot.com/_yVKhLCZjGOI/SffCESRQjQI/AAAAAAAAAu0/qQ1gQReoGxI/s400/contacto.png') no-repeat left;padding: 3px 0px 3px 18px;margin:0px 0px 0px 0px;"&gt;&lt;a href="http://www.twittertorss.com/" target="_blank"&gt;Twitter to RSS&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9122953697184448343-5479087952430222463?l=diyva.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/diyva/~4/P6RoMZA_ykM" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/5479087952430222463/comments/default" title="Comentarios de la entrada" /><link rel="replies" type="text/html" href="http://diyva.blogspot.com/2011/10/twitter-to-rss-seguir-twitter-desde-un.html#comment-form" title="5 Comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/5479087952430222463?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/5479087952430222463?v=2" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/2011/10/twitter-to-rss-seguir-twitter-desde-un.html" title="Twitter to RSS » seguir twitter desde un lector feed" /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-xbZTpBuRIso/ToZIGPc2HWI/AAAAAAAABZc/DrmWyBzGsz4/s72-c/jessica_twitter_rss.PNG" height="72" width="72" /><thr:total>5</thr:total></entry><entry gd:etag="W/&quot;D0YBQ3k-fyp7ImA9WhdUFkU.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343.post-244461282827773547</id><published>2011-10-03T16:26:00.001-07:00</published><updated>2011-10-03T16:39:12.757-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-10-03T16:39:12.757-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="plantillas" /><category scheme="http://www.blogger.com/atom/ns#" term="Videos" /><title>Vistas dinámicas en Blogger</title><content type="html">&lt;div style="text-align: justify;"&gt;Durante estas últimas semanas y meses, Blogger ha ido introduciendo nuevos cambios y novedades.&lt;br /&gt;&lt;br /&gt;Y una de las novedades que se ha venido comentando a lo largo de la última semana son las Vistas dinámicas que pueden ser usadas ahora como plantillas.&lt;br /&gt;&lt;br /&gt;Para acceder a ellas, vamos a Plantilla; si tenemos la interfaz anterior, podemos acceder a las plantillas desde el Diseñador de Plantillas.&lt;br /&gt;Son siete plantillas nuevas: Classic, Flipcard, Magazine, Mosaic, Sidebar, Snapshot y Timeslide.&lt;br /&gt;&lt;br /&gt;Si no estamos seguros de cambiar nuestra plantilla por una de estas nuevas, podemos ir probándolas en un blog de pruebas.&lt;/div&gt;&lt;br /&gt;&lt;div style="text-align: center; font-size: 11px;"&gt;Click en la imagen para ver el video&lt;/div&gt;&lt;center&gt;&lt;a href="http://youtube.com/v/lpDQF2lFnBU&amp;amp;cc_load_policy=1&amp;hl=es&amp;fs=1&amp;rel=0&amp;showinfo=0" rel="floatbox" rev="width:700 height:400 scrolling:no"&gt;&lt;img style="width: 400px; height: 270px;" class="img3" src="http://img.youtube.com/vi/lpDQF2lFnBU/hqdefault.jpg" /&gt;&lt;/a&gt;&lt;/center&gt;&lt;br /&gt;&lt;span style="background:url('http://1.bp.blogspot.com/_yVKhLCZjGOI/S3goJEvm-JI/AAAAAAAABKY/iZrDZEjQueM/s400/2.gif') no-repeat left;padding: 3px 0px 3px 18px;margin:0px 0px 0px 0px;"&gt;Más información en : &lt;a href="http://buzz-es.blogspot.com/2011/09/vistas-dinamicas-siete-formas-nuevas-de.html"&gt;Blogger Buzz&lt;/a&gt; &lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9122953697184448343-244461282827773547?l=diyva.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/diyva/~4/jIDHU1KNEkQ" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/244461282827773547/comments/default" title="Comentarios de la entrada" /><link rel="replies" type="text/html" href="http://diyva.blogspot.com/2011/10/vistas-dinamicas-en-blogger.html#comment-form" title="4 Comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/244461282827773547?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/244461282827773547?v=2" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/2011/10/vistas-dinamicas-en-blogger.html" title="Vistas dinámicas en Blogger" /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><thr:total>4</thr:total></entry><entry gd:etag="W/&quot;CEcAQHw-fip7ImA9WhdWF00.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343.post-1236378414521464446</id><published>2011-09-10T16:39:00.000-07:00</published><updated>2011-09-10T17:47:21.256-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-09-10T17:47:21.256-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Efectos" /><category scheme="http://www.blogger.com/atom/ns#" term="Scripts" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML/CSS" /><title>Ir arriba con efecto deslizante (con jQuery).</title><content type="html">&lt;div style="text-align: justify;"&gt;En una entrada &lt;a href="http://diyva.blogspot.com/2010/05/ir-arriba-e-ir-abajo-con-efecto.html"&gt;anterior&lt;/a&gt; habíamos visto como añadir este efecto, pero con las librerías Prototype y Scriptaculous.&lt;br /&gt;Hoy haremos este mismo efecto, pero usando jQuery ( pueden ver el script funcionando en mi &lt;a href="http://pruebasdeyk.blogspot.com/"&gt;blog de pruebas&lt;/a&gt;)&lt;br /&gt;&lt;br /&gt;Los pasos son muy sencillos:&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;1.§&lt;/span&gt; Vamos a Plantilla - Edición de HTML; si usamos a antigua interfaz de Blogger, vamos a Diseño - Edición de HTML.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;2.§&lt;/span&gt; Con ayuda de CTRL+F buscamos &lt;span style="font-weight:bold;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt; y antes de éste pegaremos el siguiente código:&lt;/div&gt;&lt;br /&gt;&lt;blockquote&gt;&amp;lt;script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;script src='http://sites.google.com/site/jessicaykca/home-1/top_jessica.js' type='text/javascript'/&amp;gt;&lt;/blockquote&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;» Si ya tenemos la librería jQuery en nuestra plantilla, no será necesario agregar la primera parte del código.&lt;br /&gt;» Como pueden ver, el segundo arhivo ya está alojado; sin embargo, si quieren alojarlo en su propio servidor pueden &lt;span style="font-weight:bold;"&gt;↪&lt;/span&gt; &lt;a href="https://sites.google.com/site/jessicaykca/home-1/top_jessica.js"&gt;Descargar&lt;/a&gt;  el archivo.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;3.§&lt;/span&gt; Ahora buscaremos &lt;span style="font-weight:bold;"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt; y antes de éste pegaremos:&lt;/div&gt;&lt;br /&gt;&lt;blockquote&gt;&amp;lt;a href='#' onclick='MGJS.subir();return false;' title='Ir arriba'&amp;gt;&amp;lt;img src='&lt;span style="font-weight:bold;"&gt;http://img40.imageshack.us/img40/9397/arribar.png&lt;/span&gt;' style='position: fixed; bottom: 0px; right: 0px;'/&amp;gt;&amp;lt;/a&amp;gt;&lt;/blockquote&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;Podemos reemplazar la imagen por otra; para ello, sólo cambiaremos lo que está en negrita. O simplemente podemos reemplazarlo por un texto (Top, arriba, volver,...).&lt;br /&gt;Si queremos que la flechita esté en la izquierda, reemplazamos &lt;i&gt;right&lt;/i&gt; por &lt;i&gt;left&lt;/i&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;4.§&lt;/span&gt; Damos click a Guardar y eso sería todo.  &lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style="background:url('http://1.bp.blogspot.com/_yVKhLCZjGOI/S3goJEvm-JI/AAAAAAAABKY/iZrDZEjQueM/s400/2.gif') no-repeat left;padding: 3px 0px 3px 18px;margin:0px 0px 0px 0px;"&gt;Ver&lt;/span&gt; &lt;a href="http://www.youtube.com/watch?v=ntJmKuvWbQA"&gt;&lt;span style="font-weight:bold;"&gt;video&lt;/span&gt;&lt;/a&gt; en YouTube.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9122953697184448343-1236378414521464446?l=diyva.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/diyva/~4/s1dssO3DylE" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/1236378414521464446/comments/default" title="Comentarios de la entrada" /><link rel="replies" type="text/html" href="http://diyva.blogspot.com/2011/09/ir-arriba-con-efecto-deslizante-con_10.html#comment-form" title="6 Comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/1236378414521464446?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/1236378414521464446?v=2" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/2011/09/ir-arriba-con-efecto-deslizante-con_10.html" title="Ir arriba con efecto deslizante (con jQuery)." /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><thr:total>6</thr:total></entry><entry gd:etag="W/&quot;AkcBSH06fyp7ImA9WhdQGEU.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343.post-3230239591524766230</id><published>2011-08-20T17:30:00.000-07:00</published><updated>2011-08-20T17:54:19.317-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-08-20T17:54:19.317-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Enlaces" /><title>Enlaces externos en el menú de páginas de Blogger</title><content type="html">&lt;div style="text-align: justify;"&gt;Gracias a las &lt;a href="http://diyva.blogspot.com/2010/03/resumen-novedades-blogger.html"&gt;páginas&lt;/a&gt; de Blogger, a muchos se les ha hecho sencillo poder agregar menús.
&lt;br /&gt;
&lt;br /&gt;En efecto, gracias a las páginas estáticas podemos mostrar entradas especiales de distinta forma (como la información sobre el autor del blog, contacto, etc).
&lt;br /&gt;Sin embargo, me han estado llegando algunas preguntas sobre cómo agregar en el menú de páginas un enlace externo, hacia una página de Facebook o Twitter, por ejemplo.
&lt;br /&gt;
&lt;br /&gt;En Blogger, sólo tenemos disponible la opción de agregar una página en blanco; sin embargo, podemos agregar un enlace externo gracias a &lt;a href="http://draft.blogger.com/home"&gt;Blogger in Draft&lt;/a&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;1.§&lt;/span&gt; Ingresamos a nuestra cuenta desde la página de &lt;a href="http://draft.blogger.com/home"&gt;Blogger in Draft&lt;/a&gt;.
&lt;br /&gt;
&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;2.§&lt;/span&gt; Seleccionamos nuestro blog y vamos a la opción Páginas.
&lt;br /&gt;
&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;3.§&lt;/span&gt; Damos click en Página nueva. Veremos dos opciones: Página en blanco y Dirección web. Escogemos la segunda opción.
&lt;br /&gt;
&lt;br /&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 554px; height: 206px;" class="img3" src="http://4.bp.blogspot.com/-g0tFVbHGK1I/TlBWGBD12CI/AAAAAAAABZU/cH7Qi0d-Xqc/s0/paginas_blogger_jessica.PNG" border="0" alt=""id="BLOGGER_PHOTO_ID_5643104994458982434" /&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;4.§&lt;/span&gt; Se abrirá una ventanita donde podemos colocarle un nombre y colocar la URL de la página, puede ser la página de nuestro Facebook o Twitter. Damos click a guardar.
&lt;br /&gt;
&lt;br /&gt;&lt;span style="background:url('http://1.bp.blogspot.com/_yVKhLCZjGOI/S3goJEvm-JI/AAAAAAAABKY/iZrDZEjQueM/s400/2.gif') no-repeat left;padding: 3px 0px 3px 18px;margin:0px 0px 0px 0px;"&gt;Puedes ver la &lt;a href="http://laejemplcom.blogspot.com/"&gt;DEMO&lt;/a&gt;, donde hay un menú&lt;/span&gt; de páginas, con un enlace externo.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9122953697184448343-3230239591524766230?l=diyva.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/diyva/~4/qqApRyEp26w" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/3230239591524766230/comments/default" title="Comentarios de la entrada" /><link rel="replies" type="text/html" href="http://diyva.blogspot.com/2011/08/enlaces-externos-en-el-menu-de-paginas.html#comment-form" title="4 Comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/3230239591524766230?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/3230239591524766230?v=2" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/2011/08/enlaces-externos-en-el-menu-de-paginas.html" title="Enlaces externos en el menú de páginas de Blogger" /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-g0tFVbHGK1I/TlBWGBD12CI/AAAAAAAABZU/cH7Qi0d-Xqc/s72-c/paginas_blogger_jessica.PNG" height="72" width="72" /><thr:total>4</thr:total></entry><entry gd:etag="W/&quot;AkcHQH44eip7ImA9WhdQEko.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343.post-4362200203303061159</id><published>2011-08-13T15:59:00.000-07:00</published><updated>2011-08-13T16:27:11.032-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-08-13T16:27:11.032-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Enlaces" /><title>Sobre enlaces o links (5): abrir enlaces de listas en nueva ventana</title><content type="html">&lt;div style="text-align: justify;"&gt;Siguiendo con la serie de post referidos a los enlaces, hoy veremos cómo hacer para que los links de una lista se abran en pestaña o ventana aparte, ésto a pedido de algunos lectores.
&lt;br /&gt;
&lt;br /&gt;Es muy sencillo hacerlo, sólo hay que seguir estos pasos:
&lt;br /&gt;
&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;1.§&lt;/span&gt; Vamos a Diseño - Edición de HTML y Expandir plantillas de artilugios.
&lt;br /&gt;
&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;2.§&lt;/span&gt; Con ayuda de CTRL+F buscamos el título del widget de la lista de enlaces.
&lt;br /&gt;
&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;3.§&lt;/span&gt; El código será parecido al siguiente, y agregamos lo que está en negrita: &lt;/div&gt;
&lt;br /&gt;&lt;blockquote&gt;&amp;lt;b:widget id='LinkList1' locked='false' title='PÁGINAS AMIGAS' type='LinkList'&amp;gt;
&lt;br /&gt;&amp;lt;b:includable id='main'&amp;gt;
&lt;br /&gt;&amp;lt;b:if cond='data:title'&amp;gt;&amp;lt;h2&amp;gt;&amp;lt;data:title/&amp;gt;&amp;lt;/h2&amp;gt;&amp;lt;/b:if&amp;gt;
&lt;br /&gt;&amp;lt;div class='widget-content'&amp;gt;
&lt;br /&gt;&amp;lt;ul&amp;gt;
&lt;br /&gt;&amp;lt;b:loop values='data:links' var='link'&amp;gt;
&lt;br /&gt;&amp;lt;li&amp;gt;&amp;lt;a expr:href='data:link.target' &lt;span style="font-weight:bold;"&gt;target='_blank'&lt;/span&gt;&amp;gt;&amp;lt;data:link.name/&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
&lt;br /&gt;&amp;lt;/b:loop&amp;gt;
&lt;br /&gt;&amp;lt;/ul&amp;gt;&lt;/blockquote&gt;
&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;4.§&lt;/span&gt; Damos click a guardar y listo.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9122953697184448343-4362200203303061159?l=diyva.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/diyva/~4/1U020--dKp4" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/4362200203303061159/comments/default" title="Comentarios de la entrada" /><link rel="replies" type="text/html" href="http://diyva.blogspot.com/2011/08/sobre-enlaces-o-links-5-abrir-enlaces.html#comment-form" title="4 Comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/4362200203303061159?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/4362200203303061159?v=2" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/2011/08/sobre-enlaces-o-links-5-abrir-enlaces.html" title="Sobre enlaces o links (5): abrir enlaces de listas en nueva ventana" /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><thr:total>4</thr:total></entry><entry gd:etag="W/&quot;CEEBRXs5fCp7ImA9WhdSGEQ.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343.post-4246518790151045464</id><published>2011-07-28T15:23:00.000-07:00</published><updated>2011-07-28T15:37:34.524-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-07-28T15:37:34.524-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Iconos" /><category scheme="http://www.blogger.com/atom/ns#" term="Empezando" /><title>Configurar favicon</title><content type="html">&lt;div style="text-align: justify;"&gt;En un post pasado vimos cómo agregar un favicon desde la &lt;a href="http://diyva.blogspot.com/2009/08/anadiendo-un-favicon-tu-blog.html"&gt;plantilla&lt;/a&gt;, agregando un código sencillo.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;1.§&lt;/span&gt; Pues bien, ahora Blogger nos da una opción mucho más sencilla. Lo único que tenemos que hacer es ir a Diseño. &lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;2.§&lt;/span&gt; Veremos un pequeño recuadro en la parte izquierda donde dice Favicon. Damos click al enlace que está al lado (editar). Se abrirá un cuadro de diálogo desde donde subiremos nuestro favicon. &lt;br /&gt;&lt;br /&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;width: 551px; height: 245px;" class="img3" src="http://3.bp.blogspot.com/-5Ownoto1u5o/TjHjxBW7e7I/AAAAAAAABZM/xnmONN3Ines/s0/fav_blogger_jessica.PNG" border="0" alt=""id="BLOGGER_PHOTO_ID_5634535040134904754" /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;3.§&lt;/span&gt; Le damos click a guardar y listo.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9122953697184448343-4246518790151045464?l=diyva.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/diyva/~4/SzamukxW4Ao" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/4246518790151045464/comments/default" title="Comentarios de la entrada" /><link rel="replies" type="text/html" href="http://diyva.blogspot.com/2011/07/configurar-favicon.html#comment-form" title="9 Comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/4246518790151045464?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/4246518790151045464?v=2" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/2011/07/configurar-favicon.html" title="Configurar favicon" /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-5Ownoto1u5o/TjHjxBW7e7I/AAAAAAAABZM/xnmONN3Ines/s72-c/fav_blogger_jessica.PNG" height="72" width="72" /><thr:total>9</thr:total></entry><entry gd:etag="W/&quot;Ck4GQXk-fip7ImA9WhdSFUU.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343.post-2837558802542840639</id><published>2011-07-25T01:02:00.000-07:00</published><updated>2011-07-25T01:02:00.756-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-07-25T01:02:00.756-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="descargas" /><category scheme="http://www.blogger.com/atom/ns#" term="wallpapers" /><title>Wallpapers-calendario para julio</title><content type="html">&lt;div style="text-align: justify;"&gt;Este mes casi ya se va, pero aún podemos seguir disfrutando y escoger un wallpaper-calendario de &lt;a href="http://www.smashingmagazine.com/2011/06/30/desktop-wallpaper-calendar-july-2011/"&gt;Smashing Magazine&lt;/a&gt; para el escritorio de nuestra PC.&lt;/div&gt;&lt;br /&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;width: 480px; height: 567px;" src="http://3.bp.blogspot.com/-lbYvJljOWSk/TiyiUjLWNII/AAAAAAAABZE/EUfQH6dB10k/s0/wall_jul_jess.PNG" border="0" alt=""id="BLOGGER_PHOTO_ID_5633055707857564802" /&gt;&lt;center&gt;&lt;span style="font-weight:bold;"&gt;Descargar&lt;/span&gt; &lt;a href="http://artdesigner.lv/archives/310" target="_blank"&gt;&lt;img src="http://2.bp.blogspot.com/_yVKhLCZjGOI/StJXkjvfWmI/AAAAAAAAA9o/KMuFcrHcI7c/s400/Box+Full.png" style="margin:0px 0px -22px 0px;" /&gt;&lt;/a&gt;&lt;/center&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9122953697184448343-2837558802542840639?l=diyva.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/diyva/~4/i7nYl67IVjA" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/2837558802542840639/comments/default" title="Comentarios de la entrada" /><link rel="replies" type="text/html" href="http://diyva.blogspot.com/2011/07/wallpapers-calendario-para-julio.html#comment-form" title="2 Comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/2837558802542840639?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/2837558802542840639?v=2" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/2011/07/wallpapers-calendario-para-julio.html" title="Wallpapers-calendario para julio" /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-lbYvJljOWSk/TiyiUjLWNII/AAAAAAAABZE/EUfQH6dB10k/s72-c/wall_jul_jess.PNG" height="72" width="72" /><thr:total>2</thr:total></entry><entry gd:etag="W/&quot;AkUDRX0ycCp7ImA9WhdSFEs.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343.post-1262215158336990201</id><published>2011-07-23T17:21:00.000-07:00</published><updated>2011-07-23T17:44:34.398-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-07-23T17:44:34.398-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Diseño gráfico" /><category scheme="http://www.blogger.com/atom/ns#" term="Videos" /><title>Destacar una parte de la imagen con Photoshop</title><content type="html">&lt;div style="text-align: justify;"&gt;Hoy comenzamos con la nueva sección de Diseño Gráfico con un tutorial muy sencillo.&lt;br /&gt;Una de las preguntas que me han hecho frecuentemente es cómo volver una imagen a gris.&lt;br /&gt;Esto lo podemos hacer con algunos herramientas online o podemos hacerlo con Photoshop.&lt;br /&gt;&lt;br /&gt;Y en este video tutorial que les he preparado veremos como convertir una imagen a color en gris y luego destacar una parte de la misma.&lt;br /&gt;&lt;br /&gt;» La imagen con la que trabajé es esta y si desean pueden usarla.&lt;/div&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/-pQrsxlmfMV8/Titngk2QV1I/AAAAAAAABY0/YKNDVwE3eUw/s1600/material1.jpg"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 320px;" class="img3" src="http://4.bp.blogspot.com/-pQrsxlmfMV8/Titngk2QV1I/AAAAAAAABY0/YKNDVwE3eUw/s320/material1.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5632709568301651794" /&gt;&lt;/a&gt;&lt;br /&gt;» El resultado es el siguiente:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/-Sxez0Bgst3I/TitoGU0U7pI/AAAAAAAABY8/BiM0C_D6b6I/s1600/material1.jpg"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 320px;" class="img3" src="http://3.bp.blogspot.com/-Sxez0Bgst3I/TitoGU0U7pI/AAAAAAAABY8/BiM0C_D6b6I/s320/material1.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5632710216833625746" /&gt;&lt;/a&gt;&lt;br /&gt;» Y aquí les dejo el video que hice:&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: center; font-size: 11px;"&gt;Click en la imagen para ver el video&lt;/div&gt;&lt;center&gt;&lt;a href="http://youtube.com/v/vi4slq68J10&amp;amp;cc_load_policy=1&amp;hl=es&amp;fs=1&amp;rel=0&amp;showinfo=0" rel="floatbox" rev="width:700 height:400 scrolling:no"&gt;&lt;img style="width: 400px; height: 270px;" class="img3" src="http://img.youtube.com/vi/vi4slq68J10/hqdefault.jpg" /&gt;&lt;/a&gt;&lt;/center&gt;&lt;br /&gt;&lt;span style="background:url('http://1.bp.blogspot.com/_yVKhLCZjGOI/S3goJEvm-JI/AAAAAAAABKY/iZrDZEjQueM/s400/2.gif') no-repeat left;padding: 3px 0px 3px 18px;margin:0px 0px 0px 0px;"&gt;Ver video en&lt;a href="http://www.youtube.com/watch?v=vi4slq68J10"&gt;YouTube&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9122953697184448343-1262215158336990201?l=diyva.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/diyva/~4/f8wsHndUtsg" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/1262215158336990201/comments/default" title="Comentarios de la entrada" /><link rel="replies" type="text/html" href="http://diyva.blogspot.com/2011/07/destacar-una-parte-de-la-imagen-con.html#comment-form" title="9 Comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/1262215158336990201?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/1262215158336990201?v=2" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/2011/07/destacar-una-parte-de-la-imagen-con.html" title="Destacar una parte de la imagen con Photoshop" /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-pQrsxlmfMV8/Titngk2QV1I/AAAAAAAABY0/YKNDVwE3eUw/s72-c/material1.jpg" height="72" width="72" /><thr:total>9</thr:total></entry><entry gd:etag="W/&quot;D0QNRHc5cCp7ImA9WhdSEE8.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343.post-8981327174205751995</id><published>2011-07-18T14:29:00.000-07:00</published><updated>2011-07-18T14:43:15.928-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-07-18T14:43:15.928-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="sencillos (blogger)" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML/CSS" /><category scheme="http://www.blogger.com/atom/ns#" term="Formularios" /><title>PollCode » para crear encuestas</title><content type="html">&lt;div style="text-align: justify;"&gt;&lt;a href="http://pollcode.com/"&gt;PollCode&lt;/a&gt; es una herramienta que nos ayudará a crear encuestas de forma muy fácil, proporcionándonos después el código para insertar la encuesta en nuestro blog.&lt;br /&gt;&lt;br /&gt;Para crear las encuestas, no es necesario crear una cuenta, aunque es lo recomendable. Seguimos los pasos que nos indican, escribiendo la pregunta y las alternativas.&lt;br /&gt;&lt;br /&gt;Además, podemos personalizarlo a nuestro gusto. Aquí una muestra:&lt;/div&gt;&lt;br /&gt;&lt;form method="post" action="http://poll.pollcode.com/PrO"&gt;&lt;table border=0 width=250 bgcolor="FFFFFF" cellspacing=0 cellpadding=2&gt;&lt;tr&gt;&lt;td colspan=2&gt;&lt;font face="Verdana" size=-1 color="000000"&gt;&lt;b&gt;Qué navegador usas?&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width=5&gt;&lt;input type=radio name=answer value="1"&gt;&lt;/td&gt;&lt;td&gt;&lt;font face="Verdana" size=-1 color="000000"&gt;Internet Explorer&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width=5&gt;&lt;input type=radio name=answer value="2"&gt;&lt;/td&gt;&lt;td&gt;&lt;font face="Verdana" size=-1 color="000000"&gt;Opera&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width=5&gt;&lt;input type=radio name=answer value="3"&gt;&lt;/td&gt;&lt;td&gt;&lt;font face="Verdana" size=-1 color="000000"&gt;Mozilla Firefox&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width=5&gt;&lt;input type=radio name=answer value="4"&gt;&lt;/td&gt;&lt;td&gt;&lt;font face="Verdana" size=-1 color="000000"&gt;Google Chrome&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width=5&gt;&lt;input type=radio name=answer value="5"&gt;&lt;/td&gt;&lt;td&gt;&lt;font face="Verdana" size=-1 color="000000"&gt;Safari&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=2&gt;&lt;center&gt;&lt;input id="boton" type=submit value="Votar"&gt;&amp;nbsp;&amp;nbsp;&lt;input id="boton" type=submit name=view value="Resultados"&gt;&lt;/center&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td bgcolor="white" colspan=2 align=right&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/form&gt;&lt;br /&gt;&lt;span style="background:url('http://3.bp.blogspot.com/_yVKhLCZjGOI/SffCESRQjQI/AAAAAAAAAu0/qQ1gQReoGxI/s400/contacto.png') no-repeat left;padding: 3px 0px 3px 18px;margin:0px 0px 0px 0px;"&gt;&lt;a href="http://pollcode.com/" target="_blank"&gt;PollCode&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9122953697184448343-8981327174205751995?l=diyva.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/diyva/~4/5W1WtHuB8JI" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/8981327174205751995/comments/default" title="Comentarios de la entrada" /><link rel="replies" type="text/html" href="http://diyva.blogspot.com/2011/07/pollcode-para-crear-encuestas.html#comment-form" title="2 Comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/8981327174205751995?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/8981327174205751995?v=2" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/2011/07/pollcode-para-crear-encuestas.html" title="PollCode » para crear encuestas" /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><thr:total>2</thr:total></entry><entry gd:etag="W/&quot;DkYGQXYzeyp7ImA9WhdTFUk.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343.post-8198527385986670246</id><published>2011-07-13T01:02:00.000-07:00</published><updated>2011-07-13T01:02:00.883-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-07-13T01:02:00.883-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Herramientas" /><title>Twitario » ver tus tweets como un diario</title><content type="html">&lt;a href="http://www.twitario.com/es/diario/visualiza_tus_tweets_de_twitter_en_un_diario.html" target="_blank"&gt;&lt;img style="float: left; margin: 0pt 10px 10px 0pt;width: 128px; height: 106px;" src="http://www.twitario.com/images/twitario_logo.png" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.twitario.com/es/diario/visualiza_tus_tweets_de_twitter_en_un_diario.html"&gt;Twitario&lt;/a&gt; es una herramienta online que me llamó mucho la atención, ya que permite ver los tweets publicados en forma de un diario o libro.&lt;br /&gt;Es bastante sencillo de usar. Sólo insertaremos nuestro nombre de usuario de Twitter y listo, podremos ver nuestros tweets de otra forma.&lt;/div&gt;&lt;br /&gt;&lt;span style="background:url('http://3.bp.blogspot.com/_yVKhLCZjGOI/SffCESRQjQI/AAAAAAAAAu0/qQ1gQReoGxI/s400/contacto.png') no-repeat left;padding: 3px 0px 3px 18px;margin:0px 0px 0px 0px;"&gt;&lt;a href="http://www.twitario.com/es/diario/visualiza_tus_tweets_de_twitter_en_un_diario.html" target="_blank"&gt;Twitario&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9122953697184448343-8198527385986670246?l=diyva.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/diyva/~4/YMBlwHaVTTA" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/8198527385986670246/comments/default" title="Comentarios de la entrada" /><link rel="replies" type="text/html" href="http://diyva.blogspot.com/2011/07/twitario-ver-tus-tweets-como-un-diario.html#comment-form" title="2 Comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/8198527385986670246?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/8198527385986670246?v=2" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/2011/07/twitario-ver-tus-tweets-como-un-diario.html" title="Twitario » ver tus tweets como un diario" /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><thr:total>2</thr:total></entry><entry gd:etag="W/&quot;C0QGQXk7eyp7ImA9WhdTE0o.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343.post-7091553948320792901</id><published>2011-07-11T01:02:00.000-07:00</published><updated>2011-07-11T01:02:00.703-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-07-11T01:02:00.703-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="cosillas mías" /><title>Nueva sección en el blog</title><content type="html">&lt;img style="float:right; margin:0 0 10px 10px;width: 269px; height: 187px;" class="img3" src="http://2.bp.blogspot.com/-9PgOJcFgYZI/ThonBTXgCFI/AAAAAAAABYg/SvLCxA0pIQc/s400/dis_g.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5627853587685050450" /&gt;&lt;div style="text-align: justify;"&gt;Antes de empezar esta entrada contándoles algunas nuevas, quería pedir mil disculpas por mi ausencia éstos días. Lo que sucede es que la universidad me está absorviendo bastante tiempo, pero estoy de vuelta y contestaré sus consultas a la brevedad posible.&lt;br /&gt;&lt;br /&gt;Ahora sí, vamos con la entrada. Tengo que anunciarles que el blog tendrá una nueva sección destinada al diseño gráfico, que consistirá en una serie de tutoriales, además de descargas ( archivos PSD, brushes, fuentes, etc,), claro, sin dejar los tutoriales referidos a blogger.&lt;br /&gt;&lt;br /&gt;Espero que les sea de mucha ayuda esta nueva sección.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9122953697184448343-7091553948320792901?l=diyva.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/diyva/~4/UbTkzQDBBJk" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/7091553948320792901/comments/default" title="Comentarios de la entrada" /><link rel="replies" type="text/html" href="http://diyva.blogspot.com/2011/07/nueva-seccion-en-el-blog.html#comment-form" title="10 Comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/7091553948320792901?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/7091553948320792901?v=2" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/2011/07/nueva-seccion-en-el-blog.html" title="Nueva sección en el blog" /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-9PgOJcFgYZI/ThonBTXgCFI/AAAAAAAABYg/SvLCxA0pIQc/s72-c/dis_g.jpg" height="72" width="72" /><thr:total>10</thr:total></entry><entry gd:etag="W/&quot;DE8EQnk-eSp7ImA9WhZbFUg.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343.post-117938311893079984</id><published>2011-06-20T01:00:00.000-07:00</published><updated>2011-06-20T01:00:03.751-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-06-20T01:00:03.751-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="texto" /><category scheme="http://www.blogger.com/atom/ns#" term="Herramientas" /><category scheme="http://www.blogger.com/atom/ns#" term="Tipografía" /><title>WhatFont » saber qué fuente usa una web</title><content type="html">&lt;div style="text-align: justify;"&gt;En muchas ocasiones, al entrar a un sitio web vemos que usan una determianda fuente que nos llama la atención y que nos gustaría usar en nuestro blog o sitio web...Pero no sabemos cuál es .&lt;br /&gt;&lt;br /&gt;Ésto ya no será problema porque gracias a &lt;a href="http://chengyinliu.com/whatfont.html"&gt;WhatFont&lt;/a&gt; podremos averiguar qué fuente usa una página web, pero además nos permite saber el tamaño de la fuente y los estilos que se aplicaron. Es una herramienta gratuita que se instala muy fácilmente y detecta las fuentes de cualquier stio web.&lt;/div&gt;&lt;br /&gt;&lt;img style="display: block; margin: 0px auto 10px; text-align: center; width: 400px; height: 141px;" class="img3" src="http://4.bp.blogspot.com/-G4ndMQklNcg/Tf0WE7chDQI/AAAAAAAABYY/ec_L_sF-Hws/s400/jess_what_font.JPG" alt="" id="BLOGGER_PHOTO_ID_5619672183960833282" border="0" /&gt;&lt;br /&gt;&lt;span style="background:url('http://3.bp.blogspot.com/_yVKhLCZjGOI/SffCESRQjQI/AAAAAAAAAu0/qQ1gQReoGxI/s400/contacto.png') no-repeat left;padding: 3px 0px 3px 18px;margin:0px 0px 0px 0px;"&gt;&lt;a href="http://chengyinliu.com/whatfont.html" target="_blank"&gt;WhatFont&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9122953697184448343-117938311893079984?l=diyva.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/diyva/~4/PRzwDOmtrTQ" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/117938311893079984/comments/default" title="Comentarios de la entrada" /><link rel="replies" type="text/html" href="http://diyva.blogspot.com/2011/06/whatfont-saber-que-fuente-usa-una-web.html#comment-form" title="4 Comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/117938311893079984?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/117938311893079984?v=2" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/2011/06/whatfont-saber-que-fuente-usa-una-web.html" title="WhatFont » saber qué fuente usa una web" /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-G4ndMQklNcg/Tf0WE7chDQI/AAAAAAAABYY/ec_L_sF-Hws/s72-c/jess_what_font.JPG" height="72" width="72" /><thr:total>4</thr:total></entry><entry gd:etag="W/&quot;CkIEQX0ycSp7ImA9WhZUE0g.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343.post-3238222890926265405</id><published>2011-06-06T01:55:00.000-07:00</published><updated>2011-06-06T01:55:00.399-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-06-06T01:55:00.399-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="descargas" /><category scheme="http://www.blogger.com/atom/ns#" term="Iconos" /><title>Graduation Hat Icon Set</title><content type="html">&lt;div style="text-align: justify;"&gt;Graduation Hat es una colección de 7 íconos de redes sociales en forma de gorros de graduación.&lt;/div&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;CARACTERÍSTICAS&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Pack de siete íconos: Delicious, Digg, Facebook, Flickr, RSS, Technocrati y Twitter.&lt;br /&gt;Autor : &lt;a href="http://www.land-of-web.com/freebies/graduation-hat-icons-free.html"&gt;Land of web&lt;/a&gt;&lt;br /&gt;Formato: PNG.&lt;br /&gt;Tamaño: 128x128, 64x64.&lt;br /&gt;&lt;br /&gt;&lt;img style="display: block; margin: 0px auto 10px; text-align: center; width: 285px; height: 276px;" class="img3" src="http://4.bp.blogspot.com/-ufpGB7jqgUg/Teq5HCVXopI/AAAAAAAABYQ/RWUUnW_cLiY/s400/graduation_icon_jessi.jpg" alt="" id="BLOGGER_PHOTO_ID_5614503416007467666" border="0" /&gt;&lt;center&gt;&lt;a href="http://www.land-of-web.com/freebies/graduation-hat-icons-free.html" target="_blank"&gt;&lt;span style="font-weight:bold;"&gt;Descargar&lt;/span&gt; &lt;img src="http://2.bp.blogspot.com/_yVKhLCZjGOI/StJXkjvfWmI/AAAAAAAAA9o/KMuFcrHcI7c/s400/Box+Full.png" style="margin:0px 0px -22px 0px;" /&gt;&lt;/a&gt;&lt;/center&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9122953697184448343-3238222890926265405?l=diyva.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/diyva/~4/L-ue6BD286U" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/3238222890926265405/comments/default" title="Comentarios de la entrada" /><link rel="replies" type="text/html" href="http://diyva.blogspot.com/2011/06/graduation-hat-icon-set.html#comment-form" title="2 Comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/3238222890926265405?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/3238222890926265405?v=2" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/2011/06/graduation-hat-icon-set.html" title="Graduation Hat Icon Set" /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-ufpGB7jqgUg/Teq5HCVXopI/AAAAAAAABYQ/RWUUnW_cLiY/s72-c/graduation_icon_jessi.jpg" height="72" width="72" /><thr:total>2</thr:total></entry><entry gd:etag="W/&quot;A04ESXk4eyp7ImA9WhZWFks.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343.post-2103031271887676604</id><published>2011-05-17T14:44:00.000-07:00</published><updated>2011-05-17T15:05:08.733-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-05-17T15:05:08.733-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="texto" /><category scheme="http://www.blogger.com/atom/ns#" term="mis tutoriales blogger" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML/CSS" /><title>Personalizar las viñetas de los posts</title><content type="html">&lt;div style="text-align: justify;"&gt;En nuestros posts, es común que usemos listas numeradas o listas con viñetas. Y quizás no nos guste la viñeta que blogger nos ofrece , así que podemos cambiarla por otra imagen, es decir, que podemos personalizar nuestra lista de viñetas como pueden ver en la siguiente imagen, donde hay una lista antes de personalizarla y otra después del cambio.&lt;br /&gt;&lt;br /&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;width: 299px; height: 130px;" class="img3" src="http://2.bp.blogspot.com/-RfgDR23Y2s0/TdLwCxxKxgI/AAAAAAAABYE/2j81-DIkqF0/s400/vi%25C3%25B1etas_blogger.PNG" border="0" alt=""id="BLOGGER_PHOTO_ID_5607808416539657730" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;1.§&lt;/span&gt; En primer lugar, vamos a Diseño - Edición de HTML y con ayuda de Ctrl + F, buscamos &lt;span style="font-weight:bold;"&gt;/* Posts&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;2.§&lt;/span&gt; Debajo de &lt;span style="font-weight:bold;"&gt;/* Posts&lt;/span&gt; pegamos el siguiente código:&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;.post ul {&lt;br /&gt;margin:0 0 1.25em;&lt;br /&gt;list-style:none;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;.post ul li {&lt;br /&gt;background:url("&lt;span style="font-style:italic;"&gt;http://4.bp.blogspot.com/-kbCK9w40zU0/TdLuqKiHrUI/AAAAAAAABX8/70chzTg4Bhk/s1600/corazon_diyva.png&lt;/span&gt;") no-repeat 2px;&lt;br /&gt;margin:0;&lt;br /&gt;&lt;span style="font-style:italic;"&gt;padding:0px 3px 3px 17px;&lt;/span&gt;&lt;br /&gt;line-height:1.4em;&lt;br /&gt;}&lt;/blockquote&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;3.§&lt;/span&gt; Para que el ícono quede a la misma altura que el texto, es decir, que no esté muy arriba ni muy abajo, modificamos el padding; podemos reemplazar la imagen por otra.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;4.§&lt;/span&gt; Damos click a guardar.&lt;br /&gt;   &lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9122953697184448343-2103031271887676604?l=diyva.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/diyva/~4/Kq4rdIUg90o" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/2103031271887676604/comments/default" title="Comentarios de la entrada" /><link rel="replies" type="text/html" href="http://diyva.blogspot.com/2011/05/personalizar-las-vinetas-de-los-posts.html#comment-form" title="5 Comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/2103031271887676604?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/2103031271887676604?v=2" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/2011/05/personalizar-las-vinetas-de-los-posts.html" title="Personalizar las viñetas de los posts" /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-RfgDR23Y2s0/TdLwCxxKxgI/AAAAAAAABYE/2j81-DIkqF0/s72-c/vi%25C3%25B1etas_blogger.PNG" height="72" width="72" /><thr:total>5</thr:total></entry><entry gd:etag="W/&quot;CU8GSHc-cCp7ImA9WhZWE08.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343.post-1010388488575133834</id><published>2011-05-13T14:24:00.000-07:00</published><updated>2011-05-13T14:57:09.958-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-05-13T14:57:09.958-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Herramientas" /><category scheme="http://www.blogger.com/atom/ns#" term="recursos" /><title>PagePlugins » widgets para tu blog</title><content type="html">&lt;div style="text-align: justify;"&gt;&lt;a href="http://www.pageplugins.com/"&gt;PagePlugins&lt;/a&gt;  es una página donde encontraremos muchos widgets y animaciones flash para nuestro blog, como calendarios, contadores, texto con efecto glitter, relojes, etc.&lt;br /&gt;Una página con muchas utilidades. Aquí una muestra:&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;center&gt;&lt;embed src="http://www.pageplugins.com/generators/paint_roller/paintbrush.swf" quality="high" FlashVars="t=Diversas y Variadas&amp;d=http://www.pageplugins.com" width="333" height="128" name="paintbrush" align="middle" wmode="transparent" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /&gt;&lt;/embed&gt;&lt;/center&gt;&lt;br /&gt;&lt;br /&gt;&lt;center&gt;&lt;embed src="http://www.pageplugins.com/generators/ladybug_note/ladybugnote.swf" FlashVars="t=&amp;m=Diversas y Variadas. Recursos y tutoriales para blogger.&amp;f=Jessica&amp;px=41.45&amp;py=53.1&amp;n=2&amp;dom=http://www.PagePlugins.com" quality="high" wmode="transparent" width="280" height="160" name="Lady Bug Note" align="middle" allowScriptAccess="samedomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /&gt;&lt;/embed&gt;&lt;/center&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="background:url('http://3.bp.blogspot.com/_yVKhLCZjGOI/SffCESRQjQI/AAAAAAAAAu0/qQ1gQReoGxI/s400/contacto.png') no-repeat left;padding: 3px 0px 3px 18px;margin:0px 0px 0px 0px;"&gt;&lt;a href="http://www.pageplugins.com/" target="_blank"&gt;PagePlugins&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9122953697184448343-1010388488575133834?l=diyva.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/diyva/~4/JYSNnjyInA4" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/1010388488575133834/comments/default" title="Comentarios de la entrada" /><link rel="replies" type="text/html" href="http://diyva.blogspot.com/2011/05/pageplugins-widgets-para-tu-blog.html#comment-form" title="4 Comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/1010388488575133834?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/1010388488575133834?v=2" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/2011/05/pageplugins-widgets-para-tu-blog.html" title="PagePlugins » widgets para tu blog" /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><thr:total>4</thr:total></entry><entry gd:etag="W/&quot;DUUDRn8_cSp7ImA9WhZXGUo.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343.post-6981674393739182109</id><published>2011-05-09T14:17:00.001-07:00</published><updated>2011-05-09T14:41:17.149-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-05-09T14:41:17.149-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="descargas" /><category scheme="http://www.blogger.com/atom/ns#" term="Iconos" /><title>Google Buzz Icon Set</title><content type="html">&lt;div style="text-align: justify;"&gt;Google Buzz Icon Set es una colección de 10 íconos espectaculares que puedes usar en tu página.&lt;/div&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;CARACTERÍSTICAS&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Pack de diez íconos de Google Buzz: &lt;br /&gt;Autor : &lt;a href="http://www.iconshock.com/"&gt;IconShock&lt;/a&gt;&lt;br /&gt;Formato: PNG.&lt;br /&gt;Tamaño: 512x512.&lt;br /&gt;&lt;br /&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;width: 295px; height: 400px;" class="img3" src="http://4.bp.blogspot.com/-1az37X8shCQ/TchfMRlAuJI/AAAAAAAABX0/8ffdq-9BXxA/s400/google_buzz_icons_jessi.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5604834400744290450" /&gt;&lt;center&gt;&lt;a href="http://www.iconshock.com/google-buzz-icons/" target="_blank"&gt;&lt;span style="font-weight:bold;"&gt;Descargar&lt;/span&gt; &lt;img src="http://2.bp.blogspot.com/_yVKhLCZjGOI/StJXkjvfWmI/AAAAAAAAA9o/KMuFcrHcI7c/s400/Box+Full.png" style="margin:0px 0px -22px 0px;" /&gt;&lt;/a&gt;&lt;/center&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9122953697184448343-6981674393739182109?l=diyva.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/diyva/~4/IEIdURDk5BY" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/6981674393739182109/comments/default" title="Comentarios de la entrada" /><link rel="replies" type="text/html" href="http://diyva.blogspot.com/2011/05/google-buzz-icon-set.html#comment-form" title="4 Comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/6981674393739182109?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/6981674393739182109?v=2" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/2011/05/google-buzz-icon-set.html" title="Google Buzz Icon Set" /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-1az37X8shCQ/TchfMRlAuJI/AAAAAAAABX0/8ffdq-9BXxA/s72-c/google_buzz_icons_jessi.JPG" height="72" width="72" /><thr:total>4</thr:total></entry><entry gd:etag="W/&quot;CU8ASH89cCp7ImA9WhZXFk4.&quot;"><id>tag:blogger.com,1999:blog-9122953697184448343.post-6237179664117562555</id><published>2011-05-05T15:10:00.000-07:00</published><updated>2011-05-05T15:17:29.168-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-05-05T15:17:29.168-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Libros y manuales" /><title>La guía definitiva para entender Twitter</title><content type="html">&lt;div style="text-align: justify;"&gt;&lt;span style="font-style:italic;"&gt;La guía definitiva para entender Twitter&lt;/span&gt; es un e-book elaborado por &lt;span style="font-style:italic;"&gt;&lt;a href="http://josemariagil.tv/la-guia-definitiva-para-entender-twitter"&gt;José María Gil&lt;/a&gt;&lt;/span&gt; que nos  irá introduciendo al mundo de Twitter. Aprenderemos cómo crear una cuenta de Twitter y a cómo usar adecuadamente esta importante herramienta para los negocios.&lt;br /&gt;&lt;br /&gt;El libro está estructurado en siete capítulos y varios subcapítulos que tratan los siguientes temas.&lt;br /&gt;&lt;br /&gt;» Introducción: ¿Que es Twitter y como funciona?&lt;br /&gt;» Porque tienes que comenzar a usar Twitter&lt;br /&gt;» Estado de la “Twittesfera”&lt;br /&gt;» Comenzando a usar Twitter&lt;br /&gt;» Twitter para la empresa.&lt;br /&gt;» Herramientas para optimizar el uso de Twitter. &lt;br /&gt;» Vocabulario Twitter &lt;/div&gt;&lt;br /&gt;&lt;div class="bloque ficha"&gt;&lt;h2 class="peq"&gt;Ficha&lt;/h2&gt;&lt;dl&gt;&lt;dt&gt;Autor: &lt;/dt&gt;&lt;bd&gt;José María Gil&lt;/bd&gt;&lt;/dl&gt;&lt;dl&gt;&lt;dt&gt;Idioma: &lt;/dt&gt;&lt;bd&gt;Español&lt;/bd&gt;&lt;/dl&gt;&lt;dl&gt;&lt;dt&gt;Páginas:&lt;/dt&gt; &lt;bd&gt;33&lt;/bd&gt;&lt;/dl&gt;&lt;dl&gt;&lt;dt&gt;Publicación:&lt;/dt&gt; &lt;bd&gt;Septiembre del 2009&lt;/bd&gt;&lt;/dl&gt;&lt;br/&gt;&lt;dl&gt;&lt;dt&gt;Formato:&lt;/dt&gt; &lt;bd&gt;PDF&lt;/dl&gt;&lt;br/&gt;&lt;dl&gt;&lt;dt&gt;Precio:&lt;/dt&gt; &lt;bd&gt;Descarga gratuita&lt;/bd&gt;&lt;/dl&gt;&lt;br/&gt;&lt;dl&gt;&lt;dt&gt;Licencia:&lt;/dt&gt; &lt;bd&gt;Creative Commons&lt;/bd&gt;&lt;/dl&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;width: 282px; height: 400px;" class="img3" src="http://3.bp.blogspot.com/-Gb1Aw6VPzEM/TcHTsmj12sI/AAAAAAAABXs/ZQFXMmTxg6s/s400/guia_twitter_d.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5602992174644189890" /&gt;&lt;center&gt;&lt;span style="font-weight:bold;"&gt;Descargar&lt;/span&gt; &lt;a href="http://josemariagil.tv/la-guia-definitiva-para-entender-twitter" target="_blank"&gt;&lt;img src="http://2.bp.blogspot.com/_yVKhLCZjGOI/StJXkjvfWmI/AAAAAAAAA9o/KMuFcrHcI7c/s400/Box+Full.png" style="margin:0px 0px -22px 0px;" /&gt;&lt;/a&gt;&lt;/center&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9122953697184448343-6237179664117562555?l=diyva.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/diyva/~4/gKZPln_IWU0" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://diyva.blogspot.com/feeds/6237179664117562555/comments/default" title="Comentarios de la entrada" /><link rel="replies" type="text/html" href="http://diyva.blogspot.com/2011/05/la-guia-definitiva-para-entender.html#comment-form" title="4 Comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/6237179664117562555?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/9122953697184448343/posts/default/6237179664117562555?v=2" /><link rel="alternate" type="text/html" href="http://diyva.blogspot.com/2011/05/la-guia-definitiva-para-entender.html" title="La guía definitiva para entender Twitter" /><author><name>Jéssica YK</name><uri>http://www.blogger.com/profile/00602541361816948827</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="26" src="http://3.bp.blogspot.com/_yVKhLCZjGOI/TFtbKLHt0II/AAAAAAAABQk/LzEXYf7jWLE/S220/YK.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-Gb1Aw6VPzEM/TcHTsmj12sI/AAAAAAAABXs/ZQFXMmTxg6s/s72-c/guia_twitter_d.jpg" height="72" width="72" /><thr:total>4</thr:total></entry></feed>

