<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-6950982</id><updated>2011-05-18T19:52:32.400+02:00</updated><title type='text'>gatomancha</title><subtitle type='html'>          &lt;i&gt;Aventuras y desventuras de un gato en la Blogosfera&lt;/i&gt;</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://gatomancha.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6950982/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://gatomancha.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>gatomancha</name><uri>http://www.blogger.com/profile/06357322171608023602</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>10</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-6950982.post-108446455480404230</id><published>2004-05-13T18:04:00.000+02:00</published><updated>2004-05-13T18:35:22.816+02:00</updated><title type='text'>style: los posts (propiamente dichos)</title><content type='html'>Los posts tienen tres partes: titulo, texto y pié. En vuestra hoja de estilo vienen tal que así: &lt;br /&gt;&lt;br /&gt;.PostTitle&lt;br /&gt;{font-size:18px;&lt;br /&gt;font-weight:bold&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;Éste es el &lt;b&gt;titular&lt;/b&gt; de cada post. Podeis cambiar el tamaño (font-size), el color con añadir "color:00FF33" o lo que sea, cambiarlo de sitio (align:right), ponerle márgenes (fijaos en el &lt;i&gt;date header&lt;/i&gt;, arriba: margin y padding). &lt;br /&gt;&lt;br /&gt;Evidentemente, top es por arriba y bottom por abajo) o hacerle trapichadas. Echadle un vistazo a los manuales de html que he enlazado y empezad a probar a ver qué os sale. &lt;br /&gt;&lt;br /&gt;.Post&lt;br /&gt;{padding-left:20px;&lt;br /&gt;margin-bottom:20px;&lt;br /&gt;text-indent:10px;&lt;br /&gt;padding-right:20px;&lt;br /&gt;line-height:22px&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;Aquí definís el post propiamente dicho: márgenes (padding and margin), sangrados (text-indent) y, si quereis especificar un cuerpo de letra concreto, hacerla mas grance, cambiarla de color o lo que sea, éste es el sitio. Lo mejor, dado que es la parte que la gente leerá a diario, es que no os paseis de excéntricas: escoged un cuerpo de letra legible y un color y fondo agradables a la vista, que no hagan llorar a nadie. &lt;br /&gt;&lt;br /&gt;.PostFooter&lt;br /&gt;{margin-bottom:15px;&lt;br /&gt;margin-left:0px;&lt;br /&gt;color:black;&lt;br /&gt;font-size:10px&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Postfooter&lt;/b&gt; es lo que viene despues del post que, en vuestro caso, confieso que no se lo que es, posiblemente el chirimbolo que separa el post de la hora. Probad a cambiar cosas a ver qué os sale.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6950982-108446455480404230?l=gatomancha.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gatomancha.blogspot.com/feeds/108446455480404230/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=6950982&amp;postID=108446455480404230' title='7 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6950982/posts/default/108446455480404230'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6950982/posts/default/108446455480404230'/><link rel='alternate' type='text/html' href='http://gatomancha.blogspot.com/2004/05/style-los-posts-propiamente-dichos.html' title='style: los posts (propiamente dichos)'/><author><name>gatomancha</name><uri>http://www.blogger.com/profile/06357322171608023602</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>7</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6950982.post-108446424238457294</id><published>2004-05-13T17:58:00.000+02:00</published><updated>2004-05-13T18:04:02.383+02:00</updated><title type='text'>style: lema y fecha</title><content type='html'>La descripcion es el lema del blog, en vuestro caso: &lt;i&gt;escucho sus voces en la cocina...&lt;/i&gt;. Su parte de código es ésta:&lt;br /&gt;&lt;br /&gt;#Description&lt;br /&gt;{padding:0px;&lt;br /&gt;padding-top:10px;&lt;br /&gt;font-size:12px;&lt;br /&gt;font-weight:normal&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;Aparecerán las palabras que habeis definido en &lt;i&gt;Settings&lt;/i&gt; en la casilla &lt;i&gt;Description&lt;/i&gt; pero aqui decidís el aspecto que tendrán. Como veis tiene un padding (es decir, un espacio por arriba) de 10 pixels. Si se lo quitais, subirá en la página, si le poneis más, se verá más abajo (lo que puede estar bien teniendo en cuenta que el titulo lo pisa un poco). La letra es cuerpo 12 y el tamaño de fuente, normal (podeis poner: extrasmall, small, normal, large, bold).&lt;br /&gt; &lt;br /&gt;                      &lt;center&gt; ********************************&lt;/center&gt;&lt;br /&gt;&lt;br /&gt;.DateHeader&lt;br /&gt;{border-bottom:none;&lt;br /&gt;font-size:15px;&lt;br /&gt;text-align:left;&lt;br /&gt;margin-top:20px;&lt;br /&gt;margin-bottom:14px;&lt;br /&gt;padding:1px;&lt;br /&gt;padding-left:17px;&lt;br /&gt;color:gray;&lt;br /&gt;font-family:trebuchet ms, verdana, sans-serif;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;El &lt;b&gt;date header&lt;/b&gt; es, como su nombre indica, la fecha y la hora de los posts. Hay muchas maneras de hacerlo, aunque vosotras habeis elegido el formato "domingo, mayo 09, 2004". En los settingas, podeis cambiarlo a algo como "09/05/04" o "9 de Mayo, 2004". Aquí solo definis lo de siempre: cuerpo y tipo de letra, márgenes, etc. &lt;br /&gt;&lt;br /&gt;Es cuerpo 15, está alineado a la izquierda (si poneis "right" en lugar de "left" irá a parar al lado de las rayitas que separan las columnas, en la misma fila. Es de color gris (de nuevo, echadle un ojo a la url de arriba y elegid un color, lo cambiais por el "gray" que pone ahi y veis qué tal queda.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6950982-108446424238457294?l=gatomancha.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gatomancha.blogspot.com/feeds/108446424238457294/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=6950982&amp;postID=108446424238457294' title='1 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6950982/posts/default/108446424238457294'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6950982/posts/default/108446424238457294'/><link rel='alternate' type='text/html' href='http://gatomancha.blogspot.com/2004/05/style-lema-y-fecha.html' title='style: lema y fecha'/><author><name>gatomancha</name><uri>http://www.blogger.com/profile/06357322171608023602</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6950982.post-108446294712075780</id><published>2004-05-13T17:23:00.000+02:00</published><updated>2004-05-13T17:58:11.323+02:00</updated><title type='text'>Style: body</title><content type='html'>El &lt;style&gt; es la parte del diseño o &lt;b&gt;template&lt;/b&gt; donde se definen los tipos de letra, colores, tamaños, etc. A veces es un pelotón de cosas escritas de corrido: es bueno separarlas para ver bien qué es cada cosa y poder añadir, quitar o modificarlas sobre la marcha. &lt;br /&gt;&lt;br /&gt;Lo primero que aparece en style es &lt;b&gt;body&lt;/b&gt;. En vuestro caso: &lt;br /&gt;&lt;br /&gt;body&lt;br /&gt;{margin:0px 0px 0px 0px;&lt;br /&gt;font-family:trebuchet ms, verdana, sans-serif;&lt;br /&gt;background-color:white;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;&lt;b&gt;body&lt;/b&gt; define el blog entero: márgenes, tipo de letra y color de fondo. Si quereis hacer el blog mas peño o ponerle un bonito marco (como en gatomancha) probad a aumentar los márgenes a ver qué pasa. &lt;br /&gt;&lt;br /&gt;Si quereis que el blog sea rosa o azul, cambiad el background color, ahora white. Echaz un vistazo a los &lt;a href="http://www.aulambra.com/ver.asp?id=149"&gt;hexadecimales básicos&lt;/a&gt; y probad cómo queda.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;nota:&lt;/b&gt; Al final de cada definición (background-color:white) hay un punto y coma. No olvideis ponerlo si añadis nuevas definiciones. &lt;br /&gt;&lt;br /&gt;Despues de body, viene &lt;b&gt;title&lt;/b&gt;:&lt;br /&gt;&lt;br /&gt;#Title&lt;br /&gt;{font-size:63px;&lt;br /&gt;padding-left:15px;&lt;br /&gt;padding-top:10px;&lt;br /&gt;text-transform:uppercase;&lt;br /&gt;font-family:trebuchet ms, verdana, sans-serif;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;En &lt;b&gt;Title&lt;/b&gt; definimos el titulo (en mi caso, Gatomancha). Los paddings marcos  (aqui solo tiene a izquierda y arriba pero podeis añadir más, copiando la orden y cambiando algunas cosas. Pej: padding-right:15px o padding-top:10px. El cuerpo, tipo y clase de tetra del titulo tambien se pueden cambiar, porque lo lee directamente de los "settings" de vuestra cuenta de blogger y lo genera automáticamente. Ojo con cambiar los tipos de letra porque los navegadores no suelen aceptar muchas ---&gt;&lt;br /&gt;&lt;br /&gt;A grandes rasgos (y &lt;a href="http://www.terra.es/personal6/morenocerro2/manual/formularios/formularios_6.html"&gt;robado&lt;/a&gt;): &lt;br /&gt;&lt;br /&gt;* &lt;strong&gt;width&lt;/strong&gt;, que fija la anchura de la caja.&lt;br /&gt;&lt;br /&gt;* &lt;strong&gt;height&lt;/strong&gt;, que fija la altura de la caja.&lt;br /&gt;&lt;br /&gt;* &lt;strong&gt;background&lt;/strong&gt;, que determina el color de fondo, y cuyo valor puede venir dado en su nombre web en inglés o como formato hexadecimal.&lt;br /&gt;&lt;br /&gt;* &lt;strong&gt;color&lt;/strong&gt;, que define el color de la fuente, y cuyo valor puede venir dado en su nombre web en inglés o como formato hexadecimal.&lt;br /&gt;&lt;br /&gt;* &lt;strong&gt;font-family&lt;/strong&gt;, que fija el tipo de la fuente.&lt;br /&gt;&lt;br /&gt;* &lt;strong&gt;text-align&lt;/strong&gt;, que define la alineación del texto en la caja.&lt;br /&gt;&lt;br /&gt;* &lt;strong&gt;padding-right (left/top/bottom)&lt;/strong&gt;, que fija el margen entre el extremo derecho (izquierdo / superior /inferior) de la caja y el texto que contiene.&lt;br /&gt;&lt;br /&gt;* &lt;strong&gt;border-width (thin / medium / thick / none)&lt;/strong&gt;, que define el ancho del borde.&lt;br /&gt;&lt;br /&gt;* &lt;strong&gt;border-style (none / solid / double / groove / ridge / inset / outset&lt;/strong&gt;, que fija el estilo del borde.&lt;br /&gt;&lt;br /&gt;* &lt;strong&gt;border-color&lt;/strong&gt;, que define el color del borde.&lt;br /&gt;&lt;br /&gt;* &lt;strong&gt;background-image&lt;/strong&gt;, que establece una imagen de fondo para la caja de texto.. &lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6950982-108446294712075780?l=gatomancha.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gatomancha.blogspot.com/feeds/108446294712075780/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=6950982&amp;postID=108446294712075780' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6950982/posts/default/108446294712075780'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6950982/posts/default/108446294712075780'/><link rel='alternate' type='text/html' href='http://gatomancha.blogspot.com/2004/05/style-body.html' title='Style: body'/><author><name>gatomancha</name><uri>http://www.blogger.com/profile/06357322171608023602</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6950982.post-108439853268962074</id><published>2004-05-12T23:43:00.000+02:00</published><updated>2004-05-12T23:53:32.116+02:00</updated><title type='text'>modificar palabras</title><content type='html'>&lt;dl&gt;&lt;br /&gt;   &lt;dt&gt; &lt;b&gt;negrita:&lt;/b&gt;   &lt;dd&gt;&lt;pre&gt;&amp;lt;B&amp;gt;negrita&amp;lt;/B&amp;gt;&lt;/pre&gt;&lt;br /&gt;   &lt;dt&gt;&lt;strong&gt;realzado:&lt;/strong&gt;   &lt;dd&gt;&lt;pre&gt;&amp;lt;STRONG&gt;realzado&amp;lt;/STRONG&amp;gt;&lt;/pre&gt;&lt;br /&gt;   &lt;dt&gt;&lt;I&gt;it&amp;aacute;lica:&lt;/I&gt;   &lt;dd&gt;&lt;pre&gt;&amp;lt;I&amp;gt;it&amp;aacute;lica&amp;lt;/I&amp;gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;   &lt;dt&gt;&lt;em&gt;&amp;eacute;nfasis:&lt;/em&gt;   &lt;dd&gt;&lt;pre&gt;&amp;lt;EM&amp;gt;&amp;eacute;nfasis&amp;lt;/EM&amp;gt;&lt;/pre&gt;&lt;br /&gt;   &lt;dt&gt;&lt;code&gt;ejemplo de c&amp;oacute;digo:&lt;/code&gt;   &lt;dd&gt;&lt;pre&gt;&amp;lt;CODE&amp;gt;c&amp;oacute;digo&amp;lt;/CODE&amp;gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;   &lt;dt&gt;&lt;TT&gt;teletipo:&lt;/TT&gt;   &lt;dd&gt;&lt;pre&gt;&amp;lt;TT&amp;gt;teletipo&amp;lt;/TT&amp;gt;&lt;/pre&gt;&lt;br /&gt;   &lt;dt&gt;&lt;u&gt;subrayado:&lt;/u&gt;   &lt;dd&gt;&lt;pre&gt;&amp;lt;U&amp;gt;subrayado&amp;lt;/U&amp;gt;&lt;/pre&gt;&lt;br /&gt;   &lt;dt&gt;&lt;STRIKE&gt;tachado:&lt;/STRIKE&gt;   &lt;dd&gt;&lt;pre&gt;&amp;lt;STRIKE&amp;gt;tachado&amp;lt;/STRIKE&amp;gt;&lt;/pre&gt;&lt;br /&gt;   &lt;dt&gt;&lt;ADDRESS&gt;direcci&amp;oacute;n:&lt;/ADDRESS&gt;   &lt;dd&gt;&lt;pre&gt;&amp;lt;ADDRESS&gt;direcci&amp;oacute;n&amp;lt;/ADDRESS&amp;gt;&lt;/pre&gt;&lt;br /&gt;   &lt;dt&gt;&lt;BLINK&gt;intermitente&lt;/BLINK&gt;   &lt;dd&gt;&lt;pre&gt;&amp;lt;BLINK&amp;GT;intermitente&amp;lt;/BLINK&amp;gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;   &lt;dt&gt;&lt;SUP&gt;super&amp;iacute;ndice&lt;/SUP&gt;en un texto normal&lt;br /&gt;       &lt;dd&gt;&lt;pre&gt;&amp;lt;SUP&amp;GT;Super&amp;iacute;ndice&amp;lt;/SUP&amp;gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;   &lt;dt&gt;&lt;SUB&gt;sub&amp;iacute;ndice&lt;/SUB&gt;en un texto nomal&lt;br /&gt;       &lt;dd&gt;&lt;pre&gt;&amp;lt;SUB&amp;GT;Sub&amp;iacute;ndice&amp;lt;/SUB&amp;gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;   &lt;dt&gt;&lt;big&gt;en letra grande&lt;/big&gt; &lt;dd&gt;&lt;pre&gt;&amp;lt;BIG&amp;GT;grande&amp;lt;/BIG&amp;gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;   &lt;dt&gt;&lt;SMALL&gt;en letra peque&amp;ntilde;a&lt;/SMALL&gt;   &lt;dd&gt;&lt;pre&gt;&amp;lt;SMALL&amp;GT;peque&amp;ntilde;a&amp;lt;/SMALL&amp;gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;&lt;/dl&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6950982-108439853268962074?l=gatomancha.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gatomancha.blogspot.com/feeds/108439853268962074/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=6950982&amp;postID=108439853268962074' title='1 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6950982/posts/default/108439853268962074'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6950982/posts/default/108439853268962074'/><link rel='alternate' type='text/html' href='http://gatomancha.blogspot.com/2004/05/modificar-palabras.html' title='modificar palabras'/><author><name>gatomancha</name><uri>http://www.blogger.com/profile/06357322171608023602</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6950982.post-108439752310036134</id><published>2004-05-12T23:31:00.000+02:00</published><updated>2004-05-13T00:24:56.946+02:00</updated><title type='text'>Primeros tags: el hiperenlace</title><content type='html'>Las etiquetas o tags que más vais a utilizar en vuestros posts son, probablemente, los de enlazar y los de colgar imagenes. El asterisco (*) no hay que ponerlo, sólo lo incluyo para que podais ver el tag que, si está bien hecho, siempre queda oculto.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;hiperenlace:&lt;/b&gt; &lt;pre&gt;&lt;br /&gt;&amp;lt;&lt;b&gt;A&lt;/b&gt; HREF="http://www.lapetiteclaudine.com"&gt; La Petite Claudine  &amp;lt;/A&gt;.&lt;br /&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;...que se convierte en &lt;a href="http://www.lapetiteclaudine.com"&gt;La Petite Claudine&lt;/a&gt; y ya sabeis para qué sirve. Al principio es algo rollo pero tarda tres dias en convertiirse en un acto reflejo.&lt;br /&gt;&lt;br /&gt;Como veis, la url tiene que escribirse exáctamente como la veis en el navegador, con http:// antes de la página web y está enmarcada con unas comillas.&lt;br /&gt;&lt;br /&gt;Salvo en contadas ocasiones, las etiquetas de html tienen dos partes: una que abre la función y otra que la cierra, enmarcando la palabra, espacio o imagen que queremos modificar con un &lt;a href="http://www.gatomancha.blogspot.com"&gt;enlace&lt;/a&gt;, cambiar a &lt;b&gt;negrita&lt;/b&gt;, &lt;blink&gt;intermitente&lt;/blink&gt;, &lt;strike&gt;tachar&lt;/strike&gt; o lo que sea. En este caso se abre con una "a", que viene de &lt;i&gt;ancla&lt;/i&gt; y se cierra con otra &lt;/a&gt;. Los tags de cierre suelen ser el mismo tag que abre pero con una barra entre la flecha y la letra o palabra que indica un cierre: &lt;/cierre&gt; &lt;br /&gt;&lt;br /&gt;*Blogger os advertirá de algunos tags mal puestos -como me indica a mi ahora que mi post está lleno de guarradas- y podréis correjirlos antes de publicar o, como es mi caso, publicarlos de todos modos. El antiguo blogger era muy estricto y no le gustaban algunos tags poco convencionales. No sé si la nueva versión es tan puñetera pero, en cualquier caso, siempre podeis probar y ver qué pasa en el &lt;i&gt;preview&lt;/i&gt; (ctrl+shift+p) y luego corregirlos si están mal.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6950982-108439752310036134?l=gatomancha.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gatomancha.blogspot.com/feeds/108439752310036134/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=6950982&amp;postID=108439752310036134' title='3 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6950982/posts/default/108439752310036134'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6950982/posts/default/108439752310036134'/><link rel='alternate' type='text/html' href='http://gatomancha.blogspot.com/2004/05/primeros-tags-el-hiperenlace.html' title='Primeros tags: el hiperenlace'/><author><name>gatomancha</name><uri>http://www.blogger.com/profile/06357322171608023602</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6950982.post-108439591554110674</id><published>2004-05-12T21:42:00.000+02:00</published><updated>2004-05-13T00:16:38.360+02:00</updated><title type='text'>Primeros posts: publicar</title><content type='html'>Postear en blogger es muy fácil: pinchamos en &lt;i&gt;Create&lt;/i&gt; y se abre una ventana donde podemos ver el recuadro del título -en este caso, "Primeros posts, primeras etiquetas"- y el espacio para el post propiamente dicho. Si al marcar las pautas generales del blog (&lt;i&gt;Settings --&gt; formatting&lt;/i&gt;) habeis dicho que sí en la opción &lt;i&gt;Show Link Field&lt;/i&gt;, os aparecerá además un recuadro que pone &lt;b&gt;Link&lt;/b&gt;.&lt;br /&gt;&lt;br /&gt;Lo del &lt;i&gt;Link&lt;/i&gt; es un poco peculiar. Es muy habitual que los posts de un weblog hablen de una noticia, un artículo o un comentario publicado en otra publicación de la red. El campo &lt;i&gt;Link&lt;/i&gt; sirve para asociar directamente el post a ese enlace externo. Para hacerlo, es necesario añadir un pequeño trozo de código a vuestro template, donde querais que aparezca ese enlace. En este caso, al final. &lt;br /&gt;&lt;br /&gt;&lt;pre&gt;&lt;br /&gt;&amp;lt;BlogItemTitle&amp;gt;&lt;br /&gt;   &amp;lt;BlogItemURL&amp;gt;&lt;br /&gt;&lt;br /&gt;   &amp;lt;a href="&amp;lt;$BlogItemURL$&amp;gt;"&amp;gt;&amp;lt;/BlogItemURL&amp;gt;&amp;lt;$BlogItemTitle$&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;lt;/BlogItemTitle&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt; Por ejemplo, si vamos a hablar de un artículo de &lt;a href="http://www.elastico.net"&gt;Elástico&lt;/a&gt;, podemos enlazarlo directamente en ese recuadro y aparecerá automáticamente bajo la palabra "link". El ejemplo que usan en blogger es el de &lt;a href="http://www.boingboing.net"&gt;boingboing&lt;/a&gt;. &lt;br /&gt;&lt;br /&gt;&lt;center&gt;&lt;img alt="boingboing.jpg" src="http://www.lapetiteclaudine.com/archives/boingboing.jpg" width="395" height="180" border="0" /&gt;&lt;/center&gt;&lt;br /&gt;&lt;br /&gt;Lo siguiente que queda, una vez escrito el post, es publicarlo. Podeis hacerlo directamente (Publish Post) o guardarlo para más adelante porque esta sin acabar o quereis publicarlo más tarde (Save as a Draft) o guardarlo entre otros posts que ya han sido publicados. Para eso pinchais en &lt;i&gt;More Post Options...&lt;/i&gt; debajo del cuadro grande y seleccionais una fecha que esté entre esos dos posts. Se publicará automáticamente en el sitio que quereis. &lt;br /&gt;&lt;br /&gt;Una vez esta colgado en la página, lo podeis editar, actualizar, completar o eliminar en &lt;i&gt;Edit Posts&lt;/i&gt;. &lt;br /&gt;&lt;br /&gt;Cuando hayais publicado la noticia, el proceso os llevará directamente a &lt;i&gt;Publish&lt;/i&gt; (arriba) donde vereis si el blog ha sido actualizado correctamente. En caso de que haya habito algún problema, lo vereis alli y podréis solucionarlo. &lt;br /&gt;&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6950982-108439591554110674?l=gatomancha.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gatomancha.blogspot.com/feeds/108439591554110674/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=6950982&amp;postID=108439591554110674' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6950982/posts/default/108439591554110674'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6950982/posts/default/108439591554110674'/><link rel='alternate' type='text/html' href='http://gatomancha.blogspot.com/2004/05/primeros-posts-publicar.html' title='Primeros posts: publicar'/><author><name>gatomancha</name><uri>http://www.blogger.com/profile/06357322171608023602</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6950982.post-108439047168970260</id><published>2004-05-12T19:34:00.000+02:00</published><updated>2004-05-12T21:34:31.690+02:00</updated><title type='text'>Template (II): los editores de HTML</title><content type='html'>Como decíamos, teneis que elegir un diseño entre los muchos que hay por ahí (si buscais en Google encontrareis &lt;a href="http://www.google.com/search?q=blogger+templates+free&amp;sourceid=mozilla-search&amp;start=0&amp;start=0&amp;ie=utf-8&amp;oe=utf-8"&gt;muchos más&lt;/a&gt;) o poneros a escribir uno desde cero. Si optais por el camino dificil, hay dos maneras de hacerlo: usar un editor o aprender a pelo. Personalmente considero que es mucho más complicado -y doloroso tratar de descifrar los botones del editor de html (&lt;i&gt;what you see is what you get&lt;/i&gt;, si si, emperatriz) que aprender el lenguaje, que es bastante sencillo y divertido. Para colmo, el código que generan los editores es poco preciso y está lleno de guarrerías que entorpecen al navegador, desordenan las cosas y hacen que la página pese mucho más, algo que definitivamente no quereis que pase. Pero yo soy una negada para los interfaces gráficos y muchos diseñadores profesionales hacen todo su trabajo en un editor. Lo mejor es probar alguno y ver qué tal va.&lt;br /&gt;&lt;br /&gt;El más popular es Dreamweaver, de &lt;a href="http://www.macromedia.com/"&gt;Macromedia&lt;/a&gt;. Es software propietario y, por lo que recuerdo, cuesta una pasta pero Macromedia tiene una version limitada que os podeis descargar gratis (para probarlo) y siempre podeis hacer uso de cualquier P2P, como &lt;a href="http://www.kazaalite.com/"&gt;Kazaalite&lt;/a&gt; mismamente y el código de acceso en &lt;a href="http://www.astalavista.net"&gt;astalavista&lt;/a&gt;. Fijaos que sea el adecuado para vuestro sistema operativo -no sé si usais PC o mac- y hala, a probar. Si os ha gustado éste hay una página muy interesante en español: &lt;a href="http://www.dreamweavering.com/DUhome/default.asp"&gt;Dreamweaveando&lt;/a&gt;, una página con recursos, tutorials, ejemplos, foros, un faq... de todo. &lt;br /&gt;&lt;br /&gt;También teneis &lt;a href="http://www.adobe.es/products/golive/"&gt;GoLive&lt;/a&gt; de Adobe, el más profesional pero también el más caro y Frontpage, de Microsof, que ni siquiera lo enlazo porque, aunque está dirigido a personas que no han visto un trozo de código en su vida, lo cierto es que está diseñado única y exclusivamente para Internet Explorer, posiblemente el peor navegador del mercado. &lt;br /&gt;&lt;br /&gt;Lo más inteligente, tal y como yo lo veo, es aprender html y usar un editor para ver lo que vas haciendo. Y el editor perfecto para eso es &lt;a href="http://quanta.sourceforge.net/"&gt;Quanta&lt;/a&gt;, que es GPL (libre y gratuito) y permite dividir la pantalla en dos secciones: una con el código, otra con la página que estas construyendo. Es perfecto para aprender, porque podeis ver todo lo que escribís representado en tiempo real y, si vais probando los botones -columnas, subcolumnas, filas, cabeceras... etc- vereis qué etiquetas corresponden a cada cosa. &lt;br /&gt;&lt;br /&gt;A mi me ha salido muy bueno ;-).&lt;br /&gt;&lt;br /&gt;&lt;br /&gt; &lt;br /&gt;&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6950982-108439047168970260?l=gatomancha.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gatomancha.blogspot.com/feeds/108439047168970260/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=6950982&amp;postID=108439047168970260' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6950982/posts/default/108439047168970260'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6950982/posts/default/108439047168970260'/><link rel='alternate' type='text/html' href='http://gatomancha.blogspot.com/2004/05/template-ii-los-editores-de-html_12.html' title='Template (II): los editores de HTML'/><author><name>gatomancha</name><uri>http://www.blogger.com/profile/06357322171608023602</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6950982.post-108430042783789111</id><published>2004-05-11T20:15:00.000+02:00</published><updated>2004-05-11T23:18:54.890+02:00</updated><title type='text'>Template (I)</title><content type='html'>Aquí es donde vais a empezar a sudar. La parte del template es la que define el diseño de vuestro blog que, en este caso, es uno de los que ofrece blogger a pelo al que pienso añadir una foto de Milton, idéntico a gatomancha en pelo, mirada y soberbia. Es lenguaje HTML: podeis cambiarlo cuando querais, como querais y cuantas veces querais: a no ser que borreis sin querer las partes que corresponden a blogger, llamados &lt;a href="http://help.blogger.com/bin/answer.py?answer=120"&gt;Blogger Tags&lt;/a&gt; y que, astutamente, suelen  tener esta forma: "&lt;$Blogloquesea$&gt;", vuestros posts y settings no desaparecerán.  &lt;br /&gt;&lt;br /&gt;Aunque Blogger tiene un montón de nuevos diseños -como éste, muy bonito y elegante-, lo cierto es que sigue dando muy poco márgen a la imaginación. Os recomiendo que visiteis cualquier página de templates gratuitos, como &lt;a href="http://www.blogskins.com"&gt;Blogskins&lt;/a&gt; y os paseis una tarde entera mirando uno tras otro hasta que deis con uno que se parezca a lo que teneis en la cabeza. No os dejeis avasallar por el color o las terribles ilustraciones y fotos que aparecen en algunos diseños; fijaos más en la estructura: cuántas columnas, dónde están, cabecera... etc. Cambiar una imágen o un color está tirado y siempre es más fácil modificar un diseño existente que empezar desde cero. &lt;br /&gt;&lt;br /&gt;Por ejemplo, mi antiguo template para la petite salió de &lt;a href="http://www.blogskins.com/info.php?sid=911"&gt;aquí&lt;/a&gt;. (name &amp; pass: tatin)&lt;br /&gt;&lt;br /&gt;&lt;b&gt;*Otras sugerencias de Blogger: &lt;/b&gt; &lt;br /&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.blogdesigns.com/"&gt;BlogDesigns.com&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.pointoffocus.com/Graphics/focusblogger.html"&gt;Point of Focus&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.ehsany.tk/"&gt;Ehsany.tk&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://blogtemplates.noipo.org/"&gt;Noipo.org&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.templates4free.blogger.com.br/galeria1.htm"&gt;Templates 4 Free&lt;/a&gt; [Português]&lt;/li&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6950982-108430042783789111?l=gatomancha.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gatomancha.blogspot.com/feeds/108430042783789111/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=6950982&amp;postID=108430042783789111' title='2 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6950982/posts/default/108430042783789111'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6950982/posts/default/108430042783789111'/><link rel='alternate' type='text/html' href='http://gatomancha.blogspot.com/2004/05/template-i.html' title='Template (I)'/><author><name>gatomancha</name><uri>http://www.blogger.com/profile/06357322171608023602</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6950982.post-108429877061099960</id><published>2004-05-11T19:00:00.000+02:00</published><updated>2004-05-11T23:25:21.763+02:00</updated><title type='text'>Settings</title><content type='html'>Como puedes ver en la página, si usas una cuenta de blogspot tendrás un feo banner sobre la cabecera de tu bonito blog (malo) asi que yo optaría por saltarme la cuenta gratuita y usar vuestro dominio. &lt;br /&gt;&lt;br /&gt;Lo siguiente que tienes que hacer son los settings: ahi es donde cambias el nombre del blog, el ftp (si tienes uno propio), los sistemas de archivo, el numero de editores, las cuentas de correo asociadas, etc. Cada vez que hagas un cambio tienes que guardar (save) y republicar. Es un coñazo, sobretodo si la conexión que tienes es lenta (como es el caso del puto estudio croata de los huevos desde el que estoy haciendo yo la cosa). &lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Basic:&lt;/strong&gt; nombre del blog y lema (Aventuras y desventuras...). Muy facil.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Publishing:&lt;/strong&gt; FTP. Aqui pones el puente a tu FTP para que todo lo que publiques vaya directamente alli. Si usas blogspot es muy facil. &lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Formatting:&lt;/strong&gt; muy importante. Aqui basicamente pones el tipo de fecha que quieres, seleccionas el lenguaje (muy importante si no quieres que las "ñ" y los acentos se conviertan en un churro), la zona horaria (en España GMT 1), el numero de dias que aparecen en portada (si vais a postear poco, muchos; si vais a poneros tibias, vale con cinco o seis). Lo de "convert line breaks" significa que entenderá los retornos de carro y no tienes que separar párrafos con un &lt;*br&gt; cada vez. &lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Comments:&lt;/strong&gt; sin comentarios. Sí a todo (supongo). Di que los quieres abiertos y asi todo el mundo podra comentar (que mola más). Y si quieres enterarte de cuándo se ha puesto un comentario nuevo en el blog, pones tu mail abajo. Te advierto que es un coñazo, sobre todo si recibes mucho correo. &lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Archiving:&lt;/strong&gt; sin comentarios. Que si lo quieres diario (imposible), semanal (coñazo) o mensual (que es lo suyo). &lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Site Feed: &lt;/strong&gt; esto es muy importante. El Site feed permite que personas simpáticas en otros blogs publiquen las cabeceras de lo que tu publicas de manera automatica e inmediata y que vuestros numerosos admiradores puedan añadir vuestro blog a sus rss Feeders (yo uso bloglines ahora que estoy de viaje) unos programitas que funcionan más o menos como el outlook pero que se alimentan de posts en lugar de correos. Asi cada vez que publicais un post, vuestros fans reciben una notificacion: ¡oye, que las chicas han dicho algo! &lt;br /&gt;&lt;br /&gt;El de esta página es http://gatomancha.blogspot.com/atom.xml. &lt;br /&gt;&lt;br /&gt;&lt;strong&gt;e-mail:&lt;/strong&gt; Como su nombre indica, correo asociado a esta cuenta de blogger. Y una cosita nueva que, por ejemplo, Movavble Type no tiene: la posiblidad de postear por mail. Tu mandas un mail a  gatomancha.XXXX@blogger.com y se convierte automáticamente en un post. &lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Members:&lt;/strong&gt; Aqui especificas todos los usuarios de este blog, es decir, todas las personsa que escriben en él: almu, tu, pedro... Para añadir nuevos miembros, pinchas en Add Team Members. Fácil. &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6950982-108429877061099960?l=gatomancha.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gatomancha.blogspot.com/feeds/108429877061099960/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=6950982&amp;postID=108429877061099960' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6950982/posts/default/108429877061099960'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6950982/posts/default/108429877061099960'/><link rel='alternate' type='text/html' href='http://gatomancha.blogspot.com/2004/05/settings.html' title='Settings'/><author><name>gatomancha</name><uri>http://www.blogger.com/profile/06357322171608023602</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6950982.post-108429672453678690</id><published>2004-05-11T18:04:00.000+02:00</published><updated>2004-05-12T19:02:44.370+02:00</updated><title type='text'>Nos montamos un blog (con el nuevo Blogger)</title><content type='html'>&lt;a href="http://www.blogger.com"&gt;Éste&lt;/a&gt; es un sistema super facil para montarse un blog en un segundo, como yo acabo de hacer para enseñaros cómo va. Solo teneis que ir a blogger.com y empezar a hacer un blog. Para empezar, teneis que elegir una id (nombre y password) que usaréis siempre que querais postear y un nombre para el blog, que si esta en blogspot.com tendrá la opinta que tiene éste (www.staincat.blogspot.com) y si ya teneis dominio propio (p.e. girlswholikeporno) sera www.girlswholikeporno.com. &lt;br /&gt;&lt;br /&gt;Para que toda la información que querais publicar -texto, fotos, etc- queden, efectivamente, publicadas, necesitais un especio web que, asi sin entrar en detalles, es vuestro FTP. Una vez teneis ese espacio hay que asociarlo a la cuenta de blogger. L mayoría de los contratos de ADSL oferecn un dominio y un espacio web para cada cliente, con cuentas de correo asociadas al dominio elegido y así. &lt;br /&gt;&lt;br /&gt;Lo siguiente es elegir el template, que es el diseño de vuestro blog. Si no os convence ninguno de los templates que te ofrece la página (que son muy pocos), o le echais cojones y os montais uno a golpe de html o visitais un sitio como &lt;a href="http://www.blogskins.com"&gt;Blogskins&lt;/a&gt; y os pasais la tarde buscando uno que se acerque a vuestra idea. Luego lo cambiais, un poquito aqui, un poquito alla y carretera. &lt;br /&gt;&lt;br /&gt;Para acabar de "tener" un blog, os quedan los settings, con los que me voy a poner en el siguiente post. &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6950982-108429672453678690?l=gatomancha.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gatomancha.blogspot.com/feeds/108429672453678690/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=6950982&amp;postID=108429672453678690' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6950982/posts/default/108429672453678690'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6950982/posts/default/108429672453678690'/><link rel='alternate' type='text/html' href='http://gatomancha.blogspot.com/2004/05/nos-montamos-un-blog-con-el-nuevo.html' title='Nos montamos un blog (con el nuevo Blogger)'/><author><name>gatomancha</name><uri>http://www.blogger.com/profile/06357322171608023602</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry></feed>
