// API callback
showrecentposts({"version":"1.0","encoding":"UTF-8","feed":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$openSearch":"http://a9.com/-/spec/opensearchrss/1.0/","xmlns$blogger":"http://schemas.google.com/blogger/2008","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":{"$t":"tag:blogger.com,1999:blog-37094370"},"updated":{"$t":"2022-09-17T20:42:42.203-05:00"},"category":[{"term":"Preguntas frecuentes"},{"term":"Blogger (nuevo)"},{"term":"Widgets"},{"term":"Cambiar la cabecera por una imagen"},{"term":"Comentarios"},{"term":"Blogger (antiguo)"},{"term":"Encuestas"},{"term":"Entradas ampliables (Leer Mas)"},{"term":"Letreros e Imágenes"},{"term":"Reproductores (Música)"},{"term":"Etiquetas"},{"term":"Plantillas"},{"term":"Post"},{"term":"Utilidades"},{"term":"Buscadores"},{"term":"Generadores"},{"term":"Menú desplegable"},{"term":"Navbar"},{"term":"Ranking de 5 estrellas"},{"term":"Calendarios"},{"term":"Chat"},{"term":"Contadores"},{"term":"Feed"},{"term":"Herramientas"},{"term":"Pedidos"},{"term":"Relojes"},{"term":"Tagboard"},{"term":"Usuarios Online"}],"title":{"type":"text","$t":"Ayuda para el Blog®"},"subtitle":{"type":"html","$t":""},"link":[{"rel":"http://schemas.google.com/g/2005#feed","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/posts\/default"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default?alt=json-in-script\u0026orderby=published"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"},{"rel":"next","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default?alt=json-in-script\u0026start-index=26\u0026max-results=25\u0026orderby=published"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"generator":{"version":"7.00","uri":"http://www.blogger.com","$t":"Blogger"},"openSearch$totalResults":{"$t":"86"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"25"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-37094370.post-1300449078611541219"},"published":{"$t":"2010-03-03T16:18:00.002-05:00"},"updated":{"$t":"2010-03-04T22:26:18.354-05:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Widgets"}],"title":{"type":"text","$t":"Entradas relacionadas con imagen (2) -84-"},"content":{"type":"html","$t":"\u003Cdiv align=\"justify\"\u003E\u003Cimg style=\"TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 362px; DISPLAY: block; HEIGHT: 213px; CURSOR: hand\" id=\"BLOGGER_PHOTO_ID_5444506939274528786\" border=\"0\" alt=\"\" src=\"http:\/\/3.bp.blogspot.com\/_wIBBe1JWnPQ\/S47GNwybiBI\/AAAAAAAAATg\/8lspRCG68b8\/s400\/Lit3.bmp\" \/\u003E\u003Cstrong\u003ELinkWithin\u003C\/strong\u003E es un servicio web que permite a través de un widget enlazar con post antiguos que guarden relación con el contenido del nuevo artículo publicado, el cual incrementa el número de visitas y el tiempo de permanencia de tus usuarios en tu blog.\u003Cbr \/\u003EEl widget dispone de la imagen en miniatura que contenga el artículo, es gratuito y sencillo de instalar.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E1.\u003C\/strong\u003E Accedemos a la página de \u003Ca href=\"http:\/\/www.linkwithin.com\/learn\" target=\"_blank\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003ELinkWithin\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E y a la derecha veremos el formulario para obtener el Widget, en donde tenemos:\u003Cspan class=\"fullpost\"\u003E\u003Cbr \/\u003E\u003Cspan style=\"color:#ff6600;\"\u003E-\u003C\/span\u003E Introducir un correo electrónico\u003Cbr \/\u003E\u003Cspan style=\"color:#cc6600;\"\u003E-\u003C\/span\u003E La url del blog donde vamos a colocar el Gadget.\u003Cbr \/\u003E\u003Cspan style=\"color:#ff6600;\"\u003E-\u003C\/span\u003E En que plataforma esta el blog, es decir en donde esta alojado, si en Wordpress, Blogger, Typepad u otros.\u003Cbr \/\u003E\u003Cspan style=\"color:#ff6600;\"\u003E-\u003C\/span\u003E El número de entradas que se muestre, puede ser 3, 4 ó 5.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"color:#ff0000;\"\u003E****\u003C\/span\u003ESi el blog tiene fondo oscuro en las entradas, marcamos la opción que dice: “My blog has light text on a dark background”, para que el widget se adapte al color de fondo del blog.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"color:#ff6600;\"\u003E-\u003C\/span\u003E Finalmente click en Get Widget.\u003C\/div\u003E\u003Cbr \/\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/_wIBBe1JWnPQ\/S47H69TQY5I\/AAAAAAAAATw\/Fm-uYd4R-uk\/s1600-h\/Entradas+con+imagen.bmp\" target=\"_blank\"\u003E\u003Cimg style=\"TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 200px; DISPLAY: block; HEIGHT: 137px; CURSOR: hand\" id=\"BLOGGER_PHOTO_ID_5444508815239177106\" border=\"0\" alt=\"\" src=\"http:\/\/4.bp.blogspot.com\/_wIBBe1JWnPQ\/S47H69TQY5I\/AAAAAAAAATw\/Fm-uYd4R-uk\/s200\/Entradas+con+imagen.bmp\" \/\u003E\u003C\/a\u003E\u003Cdiv align=\"center\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003EClick en la imagen para agrandar\u003C\/span\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E2.\u003C\/strong\u003E En la siguiente página se muestra instrucciones sobre como instalarlo en la plataforma elegida:\u003Cbr \/\u003E\u003Cstrong\u003EBlogger\u003C\/strong\u003E\u003Cbr \/\u003E\u003Cspan style=\"color:#ff6600;\"\u003E-\u003C\/span\u003E Click Install Widget. Si es necesario ingresas a tu blog.\u003Cbr \/\u003E\u003Cspan style=\"color:#ff6600;\"\u003E-\u003C\/span\u003E Seleccionas tu blog, luego Add Widget.\u003Cbr \/\u003E\u003Cspan style=\"color:#ff6600;\"\u003E-\u003C\/span\u003E Para un mejor funcionamiento de este widget, ponerlo debajo de las entradas del blog.\u003Cbr \/\u003E\u003Cspan style=\"color:#ff6600;\"\u003E-\u003C\/span\u003E Finalmente Guardar.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003ETener en cuenta:\u003C\/strong\u003E\u003Cbr \/\u003EEste Widget se demora en mostrar, dependiendo del número de entradas que se quiera visualizar.\u003Cbr \/\u003EPor ejemplo: Mostrar 5 entradas.\u003Cbr \/\u003E\u003Cbr \/\u003EWordpress\u003Cbr \/\u003E- Hay que descargar un archivo ZIP y descomprimirlo en una carpeta.\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003ENota:\u003C\/strong\u003E\u003Cbr \/\u003E\u003Cstrong\u003E1.\u003C\/strong\u003E La frase que lleva el widget en su título “You may also like stories” se cambia automáticamente al español por “Quizás también le interese”, simplemente esperar a que se haga el cambio respectivo. En caso contrario, si queremos poner un texto mucho mejor, editamos el widget y colocamos lo siguiente:\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u0026lt;script\u0026gt;linkwithin_text='El texto aquí:'\u0026lt;\/script\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E2.\u003C\/strong\u003E Podemos hacer que el widget se vea en la parte del blog que nosotros queramos, ya sea arriba o abajo, simplemente colocando esta línea de código:\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u0026lt;div class=\"linkwithin_div\"\u0026gt;\u0026lt;\/div\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E3.\u003C\/strong\u003E Si queremos mostrar este widget dentro del post porque utilizamos entradas ampliables -Leer más o Continúa Leyendo-, buscar lo siguiente:\u003Cbr \/\u003E\u003Cstrong\u003E\u0026lt;b:widget id='HTML12' locked='false' title='LinkWithin' type='HTML'\u0026gt;\u003C\/strong\u003E y después agregar lo siguiente (lo que esta de color azul):\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;b:widget id='HTML12' locked='false' \u003Cstrong\u003Etitle='LinkWithin'\u003C\/strong\u003E type='HTML'\u0026gt;\u003Cbr \/\u003E\u0026lt;b:includable id='main'\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u0026lt;b:if cond='data:blog.pageType == \u0026quot;item\u0026quot;'\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;!-- only display title if it's non-empty --\u0026gt;\u003Cbr \/\u003E  \u0026lt;b:if cond='data:title != \u0026quot;\u0026quot;'\u0026gt;\u003Cbr \/\u003E    \u0026lt;h2 class='title'\u0026gt;\u0026lt;data:title\/\u0026gt;\u0026lt;\/h2\u0026gt;\u003Cbr \/\u003E  \u0026lt;\/b:if\u0026gt;\u003Cbr \/\u003E  \u0026lt;div class='widget-content'\u0026gt;\u003Cbr \/\u003E    \u0026lt;data:content\/\u0026gt;\u003Cbr \/\u003E  \u0026lt;\/div\u0026gt;\u003Cbr \/\u003E \u0026lt;b:include name='quickedit'\/\u0026gt;\u003Cbr \/\u003E \u003Cbr \/\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u0026lt;\/b:if\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;\/b:includable\u0026gt;\u003Cbr \/\u003E\u003Cstrong\u003E\u0026lt;\/b:widget\u0026gt;\u003C\/strong\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"color:#ff0000;\"\u003E**\u003C\/span\u003E id='HTML12' = Número de Widget.\u003C\/div\u003E\u003Cbr \/\u003E\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/1300449078611541219\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/www.blogger.com\/comment.g?blogID=37094370\u0026postID=1300449078611541219\u0026isPopup=true","title":"123 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/1300449078611541219"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/1300449078611541219"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/2010\/03\/entradas-relacionadas-con-imagen-2-84.html","title":"Entradas relacionadas con imagen (2) -84-"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/3.bp.blogspot.com\/_wIBBe1JWnPQ\/S47GNwybiBI\/AAAAAAAAATg\/8lspRCG68b8\/s72-c\/Lit3.bmp","height":"72","width":"72"},"thr$total":{"$t":"123"}},{"id":{"$t":"tag:blogger.com,1999:blog-37094370.post-8754462130051894735"},"published":{"$t":"2009-01-03T16:21:00.008-05:00"},"updated":{"$t":"2010-03-03T16:14:16.276-05:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Preguntas frecuentes"}],"title":{"type":"text","$t":"¿Cómo añadir Entradas Relacionadas a tu blog? (1) -83-"},"content":{"type":"html","$t":"\u003Cdiv align=\"justify\"\u003E\u003Cimg style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 357px; height: 158px;\" src=\"http:\/\/4.bp.blogspot.com\/_wIBBe1JWnPQ\/SV_N6LdOJfI\/AAAAAAAAASA\/feIsOUeKE4k\/s400\/PostRelacionados.bmp\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5287170886947710450\" \/\u003EEntradas Relacionadas.- Muestra una serie de entradas relacionadas con la actual para proveer a los usuarios de otros temas en el blog que podrían interesarles.\u003Cbr \/\u003EEl proporcionar una lista de entradas relacionadas tiene como consecuencia el que los usuarios se mantengan más tiempo en tu blog en lugar de tener que recurrir a un buscador para encontrar información sobre un tema que puede ser que ya hayas hablado.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E1.\u003C\/strong\u003E Ir a Diseño de la plantilla, luego a Edición de HTML y clic en Expandir plantillas de artilugios. Después agregar el siguiente código entre \u0026lt;b:skin\u003E\u0026lt;![CDATA[ y ]]\u003E\u0026lt;\/b:skin\u003E. Preferible que lo pegues al final (antes de \u003Cstrong\u003E]]\u003E\u0026lt;\/b:skin\u003E\u003C\/strong\u003E), porque puede ser que en algún momento, no quieras esto y se te va hacer más fácil poder ubicarlo para borrarlo.\u003C\/div\u003E\u003Cspan class=\"fullpost\"\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E.related-posts{\u003Cbr \/\u003Efloat:center;\u003Cbr \/\u003Ewidth:450px;\u003Cbr \/\u003Eheight:100%;\u003Cbr \/\u003Emin-height:100%;\u003Cbr \/\u003Epadding-top:5px;\u003Cbr \/\u003Epadding-left:5px;\u003Cbr \/\u003E}\u003Cbr \/\u003E#related-posts .widget{\u003Cbr \/\u003Epadding-left:6px;\u003Cbr \/\u003Emargin-bottom:10px;\u003Cbr \/\u003Ebackground-color:#fff\u003Cbr \/\u003E}\u003Cbr \/\u003E#related-posts .widget h4, .related-posts h4{\u003Cbr \/\u003Efont-size: 1.2em;\u003Cbr \/\u003Efont-weight: bold;\u003Cbr \/\u003Ecolor: #666666; \u003Cbr \/\u003Efont-family: Georgia, \"Times New Roman\", Times, serif;\u003Cbr \/\u003Emargin-bottom: 0.75em;\u003Cbr \/\u003Emargin-top: 0em; \u003Cbr \/\u003Epadding-top: 0em; \u003Cbr \/\u003E} \u003Cbr \/\u003E.related-posts a{\u003Cbr \/\u003Ecolor:#A10000;\u003Cbr \/\u003E} \u003Cbr \/\u003E.related-posts a:hover{\u003Cbr \/\u003Ecolor:#369;\u003Cbr \/\u003E} \u003Cbr \/\u003E.related-posts ul{\u003Cbr \/\u003Elist-style-type:none;\u003Cbr \/\u003Emargin:0 0 0px 0;\u003Cbr \/\u003Epadding:0px;\u003Cbr \/\u003Etext-decoration:bold;\u003Cbr \/\u003Efont-size:13px;\u003Cbr \/\u003Etext-color:#000000;\u003Cbr \/\u003E} \u003Cbr \/\u003E.related-posts ul li{\u003Cbr \/\u003Ebackground:transparent url(http:\/\/www.blogblog.com\/tictac\/tictac_orange.gif) no-repeat 0 6px;\u003Cbr \/\u003Edisplay:block;\u003Cbr \/\u003Elist-style-type:none;\u003Cbr \/\u003Emargin-bottom: 8px; \u003Cbr \/\u003Epadding-left: 15px;\u003Cbr \/\u003Epadding-top:0px;\u003Cbr \/\u003E}\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E**\u003C\/strong\u003E Este código se refiere el estilo de los \u003Cstrong\u003EPost Relacionados\u003C\/strong\u003E o Entradas Relacionadas, el cual se podrá realizar cambios utilizando tu criterio.\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E2.\u003C\/strong\u003E Agregar el siguiente código entre ]]\u003E\u0026lt;\/b:skin\u003E y \u0026lt;\/head\u003E. Preferible que lo pegues después de \u003Cstrong\u003E]]\u003E\u0026lt;\/b:skin\u003E\u003C\/strong\u003E, es decir antes que cualquier otro script que hayas definido después de ]]\u003E\u0026lt;\/b:skin\u003E.\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u0026lt;script type='text\/javascript'\u0026gt;\u003Cbr \/\u003E\/\/\u0026lt;![CDATA[\u003Cbr \/\u003Evar relatedTitles = new Array();\u003Cbr \/\u003Evar relatedTitlesNum = 0;\u003Cbr \/\u003Evar relatedUrls = new Array();\u003Cbr \/\u003E \u003Cbr \/\u003Efunction related_results_labels(json) {\u003Cbr \/\u003Efor (var i = 0; i \u003C json.feed.entry.length; i++) {\u003Cbr \/\u003Evar entry = json.feed.entry[i];\u003Cbr \/\u003ErelatedTitles[relatedTitlesNum] = entry.title.$t;\u003Cbr \/\u003Efor (var k = 0; k \u003C entry.link.length; k++) {\u003Cbr \/\u003Eif (entry.link[k].rel == 'alternate') {\u003Cbr \/\u003ErelatedUrls[relatedTitlesNum] = entry.link[k].href;\u003Cbr \/\u003ErelatedTitlesNum++;\u003Cbr \/\u003Ebreak;\u003Cbr \/\u003E}\u003Cbr \/\u003E}\u003Cbr \/\u003E}\u003Cbr \/\u003E}\u003Cbr \/\u003E \u003Cbr \/\u003Efunction removeRelatedDuplicates() {\u003Cbr \/\u003Evar tmp = new Array(0);\u003Cbr \/\u003Evar tmp2 = new Array(0);\u003Cbr \/\u003Efor(var i = 0; i \u003C relatedUrls.length; i++) {\u003Cbr \/\u003Eif(!contains(tmp, relatedUrls[i])) {\u003Cbr \/\u003Etmp.length += 1;\u003Cbr \/\u003Etmp[tmp.length - 1] = relatedUrls[i];\u003Cbr \/\u003Etmp2.length += 1;\u003Cbr \/\u003Etmp2[tmp2.length - 1] = relatedTitles[i];\u003Cbr \/\u003E}\u003Cbr \/\u003E}\u003Cbr \/\u003ErelatedTitles = tmp2;\u003Cbr \/\u003ErelatedUrls = tmp;\u003Cbr \/\u003E}\u003Cbr \/\u003Efunction contains(a, e) {\u003Cbr \/\u003Efor(var j = 0; j \u003C a.length; j++) if (a[j]==e) return true;\u003Cbr \/\u003Ereturn false;\u003Cbr \/\u003E}\u003Cbr \/\u003E \u003Cbr \/\u003Efunction printRelatedLabels() {\u003Cbr \/\u003Evar cuantosPosts = 0;\u003Cbr \/\u003Evar r = Math.floor((relatedTitles.length - 1) * Math.random());\u003Cbr \/\u003Evar i = 0;\u003Cbr \/\u003Evar dirURL = document.URL;\u003Cbr \/\u003Edocument.write('\u0026lt;ul\u0026gt;');\u003Cbr \/\u003Ewhile (i \u003C relatedTitles.length \u0026\u0026 i \u003C 20) {\u003Cbr \/\u003Eif (relatedUrls[r] != dirURL) {\u003Cbr \/\u003Edocument.write('\u0026lt;li\u0026gt;\u0026lt;a href=\"' + relatedUrls[r] + '\" title=\"Post relacionado: '\u003Cbr \/\u003E+ relatedTitles[r] + '\"\u003E' + relatedTitles[r] + '\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;');\u003Cbr \/\u003E}\u003Cbr \/\u003Eif (r \u003C relatedTitles.length - 1) {\u003Cbr \/\u003Er++;\u003Cbr \/\u003E} else {\u003Cbr \/\u003Er = 0;\u003Cbr \/\u003E}\u003Cbr \/\u003Ei++;\u003Cbr \/\u003EcuantosPosts++;\u003Cbr \/\u003E\u003Cspan style=\"color:#3333ff;\"\u003Eif (cuantosPosts == 3)\u003C\/span\u003E {\u003Cbr \/\u003Ebreak;\u003Cbr \/\u003E}\u003Cbr \/\u003E}\u003Cbr \/\u003Edocument.write('\u0026lt;\/ul\u0026gt;');\u003Cbr \/\u003E}\u003Cbr \/\u003E\/\/]]\u0026gt;\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E \u003Cstrong\u003E-\u003C\/strong\u003E if (cuantosPosts == 3).- Se refiere a la cantidad máxima a mostrar, es decir que solamente se verán tres entradas. \u003Cbr \/\u003EPuedes cambiarlo por el número de entradas que quieras que se vean\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E3.\u003C\/strong\u003E Buscar la siguiente sección de código y agregar lo siguiente (lo que esta de color azul):\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u003Cstrong\u003E\u0026lt;p class='post-footer-line post-footer-line-2'\u003E\u003C\/strong\u003E\u0026lt;span class='post-labels'\u003E\u003Cbr \/\u003E        \u003Cstrong\u003E\u0026lt;b:if cond='data:post.labels'\u003E\u003C\/strong\u003E\u003Cbr \/\u003E          \u0026lt;data:postLabelsLabel\/\u003E\u003Cbr \/\u003E          \u0026lt;b:loop values='data:post.labels' var='label'\u003E\u003Cbr \/\u003E            \u0026lt;a expr:href='data:label.url' rel='tag'\u003E\u0026lt;data:label.name\/\u003E\u0026lt;\/a\u003E\u003Cbr \/\u003E\u003Cstrong\u003E\u0026lt;b:if cond='data:label.isLast != \u0026quot;true\u0026quot;'\u003E,\u0026lt;\/b:if\u003E\u003C\/strong\u003E\u003Cbr \/\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u0026lt;b:if cond='data:blog.pageType == \"item\"'\u0026gt;\u003Cbr \/\u003E\u0026lt;script expr:src='\"\/feeds\/posts\/default\/-\/\" + data:label.name +\u003Cbr \/\u003E\"?alt=json-in-script\u0026amp;callback=related_results_labels\u0026amp;max-results=10\"'\u003Cbr \/\u003Etype='text\/javascript'\/\u0026gt;\u003Cbr \/\u003E\u0026lt;\/b:if\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E          \u003Cstrong\u003E\u0026lt;\/b:loop\u003E\u003C\/strong\u003E\u003Cbr \/\u003E        \u0026lt;\/b:if\u003E\u003Cbr \/\u003E      \u0026lt;\/span\u003E \u0026lt;\/p\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E4.\u003C\/strong\u003E Finalmente, una vez que han pegado el código anterior, ahora pegar lo siguiente (lo que está con color azul) después de:\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u003Cstrong\u003E\u0026lt;p class='post-footer-line post-footer-line-3'\/\u003E\u003C\/strong\u003E\u003Cbr \/\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u0026lt;div class='related-posts'\u0026gt;\u003Cbr \/\u003E\u0026lt;b:if cond='data:blog.pageType == \"item\"'\u0026gt;\u003Cbr \/\u003E\u0026lt;h4\u0026gt;Entradas Relacionadas\u0026lt;\/h4\u0026gt;\u003Cbr \/\u003E\u0026lt;script type='text\/javascript'\u0026gt;\u003Cbr \/\u003EremoveRelatedDuplicates();\u003Cbr \/\u003EprintRelatedLabels();\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\u0026lt;\/b:if\u0026gt;\u003Cbr \/\u003E\u0026lt;\/div\u0026gt;\u003C\/span\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cstrong\u003E5.\u003C\/strong\u003E Guardar.\u003Cbr \/\u003E\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/8754462130051894735\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/www.blogger.com\/comment.g?blogID=37094370\u0026postID=8754462130051894735\u0026isPopup=true","title":"150 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/8754462130051894735"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/8754462130051894735"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/2006\/01\/entradas-relacionadas.html","title":"¿Cómo añadir Entradas Relacionadas a tu blog? (1) -83-"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/4.bp.blogspot.com\/_wIBBe1JWnPQ\/SV_N6LdOJfI\/AAAAAAAAASA\/feIsOUeKE4k\/s72-c\/PostRelacionados.bmp","height":"72","width":"72"},"thr$total":{"$t":"150"}},{"id":{"$t":"tag:blogger.com,1999:blog-37094370.post-551721858003787125"},"published":{"$t":"2009-01-02T08:37:00.002-05:00"},"updated":{"$t":"2009-01-03T15:50:06.697-05:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Preguntas frecuentes"}],"title":{"type":"text","$t":"¿Como añadir una Lista de Blogs? -82-"},"content":{"type":"html","$t":"\u003Cdiv align=\"justify\"\u003E\u003Cimg style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 130px; height: 400px;\" src=\"http:\/\/1.bp.blogspot.com\/_wIBBe1JWnPQ\/SV4XUXSbiMI\/AAAAAAAAAR4\/GyUXjpl79CI\/s400\/ListaBlogs.bmp\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5286688651195680962\" \/\u003ELa Lista de Blog mejora la lista de enlaces de nuestros elementos de página, utilizando feeds RSS o Atom para mostrar información actualizada con frecuencia, títulos de posts y resúmenes. \u003Cbr \/\u003EPuedes utilizar la Lista de Blog para poner un listado de los enlaces de tus blogs favoritos en la barra lateral, o utilizarlo para categorizar los blogs que sueles leer.\u003Cspan class=\"fullpost\"\u003E\u003Cbr \/\u003ELa Lista de Blog funciona muy bien para cualquier página que tiene feeds RSS o Atom, así que puedes ser creativo: enlaza sitios de noticias, podcasts, Twitter stream, resultados de búsqueda o cualquier otra información con un feed.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E\u003Cspan style=\"color:#3333ff;\"\u003E»\u003C\/span\u003E\u003C\/strong\u003E Ir a diseño de la plantilla, luego en Elementos de la página añadimos un Gadget o Widget y seleccionas Lista de Blogs.\u003Cbr \/\u003E\u003Cstrong\u003E-\u003C\/strong\u003E Agregar un título, como por ejemplo: Mis blogs favoritos, los blogs que leo, mi lista de blogs, blogs de tu interés, etc.\u003Cbr \/\u003E\u003Cstrong\u003E-\u003C\/strong\u003E Ordenar alfabéticamente o por última fecha de actualización.\u003Cbr \/\u003E\u003Cstrong\u003E-\u003C\/strong\u003E Mostrar todos los enlaces o esconderlos detrás de un enlace de \"Ver todos\".\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E\u003Cstrong\u003E**\u003C\/strong\u003E\u003C\/strong\u003E Para agregar un blog a tu lista puedes hacerlo de 2 maneras:\u003Cbr \/\u003E- Añadir por URL. (http:\/\/ayudaparaelblog.blogspot.com)\u003Cbr \/\u003E- Blogs de los que soy asiduo.\u003C\/div\u003E\u003Cbr \/\u003E\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/551721858003787125\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/www.blogger.com\/comment.g?blogID=37094370\u0026postID=551721858003787125\u0026isPopup=true","title":"39 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/551721858003787125"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/551721858003787125"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/2009\/01\/como-aadir-una-lista-de-blogs-82.html","title":"¿Como añadir una Lista de Blogs? -82-"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/1.bp.blogspot.com\/_wIBBe1JWnPQ\/SV4XUXSbiMI\/AAAAAAAAAR4\/GyUXjpl79CI\/s72-c\/ListaBlogs.bmp","height":"72","width":"72"},"thr$total":{"$t":"39"}},{"id":{"$t":"tag:blogger.com,1999:blog-37094370.post-7185708761766641286"},"published":{"$t":"2008-12-04T21:03:00.001-05:00"},"updated":{"$t":"2009-01-03T15:49:51.416-05:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Widgets"}],"title":{"type":"text","$t":"Conoce a los \"Seguidores\" de tu blog -81-"},"content":{"type":"html","$t":"\u003Cdiv align=\"justify\"\u003E\u003Cimg id=\"BLOGGER_PHOTO_ID_5275771805834151986\" style=\"DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 174px; CURSOR: hand; HEIGHT: 264px; TEXT-ALIGN: center\" alt=\"\" src=\"http:\/\/3.bp.blogspot.com\/_wIBBe1JWnPQ\/STdOgVLECDI\/AAAAAAAAAQ4\/ejvYY1FJKTc\/s320\/Seguidores5.bmp\" border=\"0\" \/\u003E¿Tienes un blog favorito y deseas que el autor y los lectores conozcan que tú eres un seguidor de su blog? \u003Cbr \/\u003EPues ahora puedes hacer un seguimiento de los blogs con el widget \u003Cstrong\u003ESeguidores\u003C\/strong\u003E. Incluso puedes estar al tanto de los blogs que sigues a través de la \u003Cstrong\u003ELista de lectura \u003C\/strong\u003Eubicada bajo la lista de blogs del escritorio.\u003Cbr \/\u003E\u003Cstrong\u003ESeguidores\u003C\/strong\u003E del blog se utiliza para crear una especie de comunidad en el blog, en la cual se encuentran personas que siguen tu blog, es decir que lo leen, pero normalmente no se da.  \u003Cbr \/\u003EPor ejemplo, tú lees mi blog y yo leo el tuyo, esto es como decir \u003Cstrong\u003E“comenta en mi blog que yo comentare en el tuyo”\u003C\/strong\u003E, el cual he visto que no siempre sea cierto.\u003Cbr \/\u003ECon esto podrás ver quienes son tus seguidores, seguir así mismo a otros blogs que nos interesan, ver el número de seguidores en nuestro panel y leer las últimas entradas de los blogs que seguimos.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E¿Cómo añadir el widget “Seguir” a tu blog?\u003C\/strong\u003E\u003Cspan class=\"fullpost\"\u003E\u003Cbr \/\u003E\u003Cstrong\u003E1.\u003C\/strong\u003E Ir a diseño de la plantilla, luego en Elementos de la página añadimos un Gadget o Widget y seleccionas Seguidores.\u003Cbr \/\u003E\u003Cstrong\u003E2.\u003C\/strong\u003E Después le introduces el título que desees para tu widget Seguir. Una vez hayas elegido el título, haz clic en Guardar, para que se agregue el widget Seguir a tu blog.\u003Cbr \/\u003E\u003Cstrong\u003EResultado:\u003C\/strong\u003E\u003Cimg style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 217px; height: 129px;\" src=\"http:\/\/2.bp.blogspot.com\/_wIBBe1JWnPQ\/STdPmst27VI\/AAAAAAAAARA\/RI2Wh5QOVp0\/s320\/Seguir.bmp\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5275773014744952146\" \/\u003E\u003Cstrong\u003E* \u003C\/strong\u003EAhora los lectores pueden ir a tu blog y ser Seguidores. Una vez que tus lectores se conviertan en seguidores de tu blog, la imagen del perfil se mostrará en el widget Seguir. Además se mostrará una cuenta acumulativa de tus seguidores junto al nombre del blog en el escritorio.\u003Cbr \/\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/_wIBBe1JWnPQ\/STdWKsQ-ePI\/AAAAAAAAARY\/uLi8yEh9sQ0\/s1600-h\/Seguir5.jpg\"\u003E\u003Cimg style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 96px;\" src=\"http:\/\/2.bp.blogspot.com\/_wIBBe1JWnPQ\/STdWKsQ-ePI\/AAAAAAAAARY\/uLi8yEh9sQ0\/s320\/Seguir5.jpg\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5275780230168869106\" \/\u003E\u003C\/a\u003E\u003Cstrong\u003E¿Cómo puedo hacerme seguidor de un blog?\u003C\/strong\u003E\u003Cbr \/\u003E\u003Cstrong\u003E3.\u003C\/strong\u003E Visitar un blog que haya añadido el widget Seguir y hacer clic en el enlace Seguir este blog o en Seguir.\u003Cbr \/\u003E\u003Cstrong\u003E4.\u003C\/strong\u003E Verás una ventana emergente con las opciones para seguirlo de forma pública o anónima.\u003Cbr \/\u003E* Público: Al seguir un blog de forma pública, aparece la imagen de tu perfil y un enlace a tu perfil de Blogger en el widget Seguidores del blog.\u003Cbr \/\u003E* Anónimo: Al seguir un blog de forma anónima, la imagen y el enlace de tu perfil NO se mostrarán en el widget Seguidores del blog.\u003Cbr \/\u003EFinalmente, seleccionar el modo en que deseas seguir el blog y luego haz clic en Follow (Seguir).\u003Cbr \/\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/_wIBBe1JWnPQ\/STdS4Z2nvaI\/AAAAAAAAARI\/0t0uMtRNclc\/s1600-h\/seguir2.jpg\"\u003E\u003Cimg style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 200px; height: 177px;\" src=\"http:\/\/2.bp.blogspot.com\/_wIBBe1JWnPQ\/STdS4Z2nvaI\/AAAAAAAAARI\/0t0uMtRNclc\/s200\/seguir2.jpg\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5275776617453960610\" \/\u003E\u003C\/a\u003E\u003Cbr \/\u003E\u003Cstrong\u003E5.\u003C\/strong\u003E Cuando te hagas seguidor de un blog, dicho blog también se añadirá a tu Lista de lectura del escritorio de Blogger. Además, puedes hacerte seguidor de cualquier blog o URL (aun si el blog no tiene el widget Seguidores) añadiendo el blog a tu \u003Cstrong\u003ELista de lectura\u003C\/strong\u003E en el escritorio.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E¿Cómo utilizo la Lista de lectura?\u003C\/strong\u003E\u003Cbr \/\u003E\u003Cstrong\u003E6.\u003C\/strong\u003E Con la Lista de lectura, puedes leer las últimas entradas de tus blogs favoritos en el Escritorio. \u003Cbr \/\u003ELa Lista de lectura, ubicada bajo la lista de blogs del escritorio, te permite suscribirte a cualquier blog con un feed. Éste se actualizará al instante cada vez que se publique una nueva entrada en cualquier blog de la Lista de lectura. \u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E7.\u003C\/strong\u003E Para añadir un blog a la \u003Cstrong\u003ELista de lectura \u003C\/strong\u003Etienes que hacer clic en la pestaña Blogs que sigo y luego Añadir.\u003Cbr \/\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/_wIBBe1JWnPQ\/STdZYJ-xwlI\/AAAAAAAAARo\/6FtuLfgOyG4\/s1600-h\/Lista.jpg\"\u003E\u003Cimg style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 222px;\" src=\"http:\/\/3.bp.blogspot.com\/_wIBBe1JWnPQ\/STdZYJ-xwlI\/AAAAAAAAARo\/6FtuLfgOyG4\/s320\/Lista.jpg\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5275783760018784850\" \/\u003E\u003C\/a\u003E\u003Cstrong\u003E8.\u003C\/strong\u003E Después, introduce la URL del blog que te gustaría seguir. Puedes añadir tantos blogs como desees haciendo clic en Añadir otro. Una vez que hayas añadido todos tus blogs favoritos, haz clic en Añadir. \u003Cbr \/\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/_wIBBe1JWnPQ\/STdTteDvwXI\/AAAAAAAAARQ\/GQSJ1wkV4b4\/s1600-h\/seguir3.bmp\"\u003E\u003Cimg style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 126px;\" src=\"http:\/\/2.bp.blogspot.com\/_wIBBe1JWnPQ\/STdTteDvwXI\/AAAAAAAAARQ\/GQSJ1wkV4b4\/s320\/seguir3.bmp\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5275777529115820402\" \/\u003E\u003C\/a\u003E\u003Cbr \/\u003E\u003Cstrong\u003E*\u003C\/strong\u003E Ahora, cada vez que se actualicen los blogs, se mostrará la última entrada en la \u003Cstrong\u003ELista de lectura\u003C\/strong\u003E bajo la sección \"Elementos\".\u003Cbr \/\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/_wIBBe1JWnPQ\/STdXcSNhEbI\/AAAAAAAAARg\/bRT0PWUhrnc\/s1600-h\/seguir4.jpg\"\u003E\u003Cimg style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 143px;\" src=\"http:\/\/4.bp.blogspot.com\/_wIBBe1JWnPQ\/STdXcSNhEbI\/AAAAAAAAARg\/bRT0PWUhrnc\/s320\/seguir4.jpg\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5275781631924310450\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/7185708761766641286\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/www.blogger.com\/comment.g?blogID=37094370\u0026postID=7185708761766641286\u0026isPopup=true","title":"55 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/7185708761766641286"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/7185708761766641286"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/2008\/12\/conoce-los-seguidores-de-tu-blog-81.html","title":"Conoce a los \"Seguidores\" de tu blog -81-"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/3.bp.blogspot.com\/_wIBBe1JWnPQ\/STdOgVLECDI\/AAAAAAAAAQ4\/ejvYY1FJKTc\/s72-c\/Seguidores5.bmp","height":"72","width":"72"},"thr$total":{"$t":"55"}},{"id":{"$t":"tag:blogger.com,1999:blog-37094370.post-5636069068853147873"},"published":{"$t":"2008-11-23T19:33:00.002-05:00"},"updated":{"$t":"2008-11-23T19:48:31.594-05:00"},"title":{"type":"text","$t":"Paginación en el blog -80-"},"content":{"type":"html","$t":"\u003Cdiv align=\"justify\"\u003E\u003Cimg id=\"BLOGGER_PHOTO_ID_5272003180716132306\" style=\"DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 320px; CURSOR: hand; HEIGHT: 194px; TEXT-ALIGN: center\" alt=\"\" src=\"http:\/\/1.bp.blogspot.com\/_wIBBe1JWnPQ\/SSnq9elQh9I\/AAAAAAAAAQM\/wUOT0J0fhhg\/s320\/Paginacion.bmp\" border=\"0\" \/\u003ELa \u003Cstrong\u003Epaginación\u003C\/strong\u003E es cualquier tipo de sistema de control que permite al usuario navegar a través de las páginas de resultados de búsqueda, archivos, o cualquier otro tipo de contenidos.\u003Cbr \/\u003ELa paginación se encuentra también en algunos blogs, foros de debate y en la web de comics.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E1.\u003C\/strong\u003E Ir a diseño de la plantilla, luego en Elementos de la página añadimos un Gadget, seleccionas HTML\/Javascript y pegas el siguiente código:\u003C\/div\u003E\u003Cspan class=\"fullpost\"\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u0026lt;style\u003E\u003Cbr \/\u003E.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E.showpageArea a {border: 1px solid #505050;\u003Cbr \/\u003Ecolor: #000000;font-weight:normal;\u003Cbr \/\u003Epadding: 3px 6px !important;\u003Cbr \/\u003Epadding: 1px 4px ;margin:0px 2px;\u003Cbr \/\u003Etext-decoration: none;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E.showpageArea a:hover { \u003Cbr \/\u003Efont-size:11px; \u003Cbr \/\u003Eborder: 1px solid #333;\u003Cbr \/\u003Ecolor: #000000;\u003Cbr \/\u003Ebackground-color: #FFFFFF;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E.showpageNum a {border: 1px solid #505050;\u003Cbr \/\u003Ecolor: #000000;font-weight:normal;\u003Cbr \/\u003Epadding: 3px 6px !important;\u003Cbr \/\u003Epadding: 1px 4px ;margin:0px 2px;\u003Cbr \/\u003Etext-decoration: none;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E.showpageNum a:hover {\u003Cbr \/\u003Efont-size:11px; \u003Cbr \/\u003Eborder: 1px solid #333;\u003Cbr \/\u003Ecolor: #000000;\u003Cbr \/\u003Ebackground-color: #FFFFFF;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E.showpagePoint {font-size:10px;\u003Cbr \/\u003Epadding: 2px 4px 2px 4px; \u003Cbr \/\u003Emargin: 2px;\u003Cbr \/\u003Efont-weight: bold;\u003Cbr \/\u003Eborder: 1px solid #333;\u003Cbr \/\u003Ecolor: #fff;\u003Cbr \/\u003Ebackground-color: #000000;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E.showpage a:hover {font-size:11px; \u003Cbr \/\u003Eborder: 1px solid #333;\u003Cbr \/\u003Ecolor: #000000;\u003Cbr \/\u003Ebackground-color: #FFFFFF;\u003Cbr \/\u003E\u003Cbr \/\u003E} \u003Cbr \/\u003E.showpageNum a:link,.showpage a:link {\u003Cbr \/\u003Efont-size:11px;\u003Cbr \/\u003Epadding: 2px 4px 2px 4px; \u003Cbr \/\u003Emargin: 2px;\u003Cbr \/\u003Etext-decoration: none;\u003Cbr \/\u003Eborder: 1px solid #0066cc;\u003Cbr \/\u003Ecolor: #0066cc;\u003Cbr \/\u003Ebackground-color: #FFFFFF;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E.showpageNum a:hover {font-size:11px; \u003Cbr \/\u003Eborder: 1px solid #333;\u003Cbr \/\u003Ecolor: #000000;\u003Cbr \/\u003Ebackground-color: #FFFFFF;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u0026lt;\/style\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;script type=\"text\/javascript\"\u003E\u003Cbr \/\u003E\u003Cbr \/\u003Efunction showpageCount(json) {\u003Cbr \/\u003Evar thisUrl = location.href;\u003Cbr \/\u003Evar htmlMap = new Array();\u003Cbr \/\u003Evar isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==\".blogspot.com\/\";\u003Cbr \/\u003Evar isLablePage = thisUrl.indexOf(\"\/search\/label\/\")!=-1;\u003Cbr \/\u003Evar isPage = thisUrl.indexOf(\"\/search?updated\")!=-1;\u003Cbr \/\u003Evar thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(\"\/search\/label\/\")+14,thisUrl.length) : \"\"; \u003Cbr \/\u003EthisLable = thisLable.indexOf(\"?\")!=-1 ? thisLable.substr(0,thisLable.indexOf(\"?\")) : thisLable;\u003Cbr \/\u003Evar thisNum = 1;\u003Cbr \/\u003Evar postNum=1;\u003Cbr \/\u003Evar itemCount = 0;\u003Cbr \/\u003Evar fFlag = 0;\u003Cbr \/\u003Evar eFlag = 0;\u003Cbr \/\u003Evar html= '';\u003Cbr \/\u003Evar upPageHtml ='';\u003Cbr \/\u003Evar downPageHtml ='';\u003Cbr \/\u003E\u003Cbr \/\u003Evar pageCount=5; \u003Cbr \/\u003Evar displayPageNum=1; \u003Cbr \/\u003Evar firstPageWord = 'Primera'; \u003Cbr \/\u003Evar endPageWord = 'Última'; \u003Cbr \/\u003Evar upPageWord ='Anterior';\u003Cbr \/\u003Evar downPageWord ='Siguiente';\u003Cbr \/\u003E\u003Cbr \/\u003Evar labelHtml = '\u0026lt;span class=\"showpageNum\"\u003E\u0026lt;a href=\"\/search\/label\/'+thisLable+'?\u0026max-results='+pageCount+'\"\u003E';\u003Cbr \/\u003E\u003Cbr \/\u003Efor(var i=0, post; post = json.feed.entry[i]; i++) {\u003Cbr \/\u003Evar timestamp = post.published.$t.substr(0,10);\u003Cbr \/\u003Evar title = post.title.$t;\u003Cbr \/\u003Eif(isLablePage){\u003Cbr \/\u003Eif(title!=''){\u003Cbr \/\u003Eif(post.category){\u003Cbr \/\u003Efor(var c=0, post_category; post_category = post.category[c]; c++) {\u003Cbr \/\u003Eif(encodeURIComponent(post_category.term)==thisLable){ \u003Cbr \/\u003Eif(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){\u003Cbr \/\u003Eif(thisUrl.indexOf(timestamp)!=-1 ){\u003Cbr \/\u003EthisNum = postNum; \u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003EpostNum++;\u003Cbr \/\u003EhtmlMap[htmlMap.length] = '\/search\/label\/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00\u0026max-results='+pageCount;\u003Cbr \/\u003E} \u003Cbr \/\u003E} \u003Cbr \/\u003E}\u003Cbr \/\u003E}\/\/end if(post.category){\u003Cbr \/\u003E\u003Cbr \/\u003EitemCount++;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E}else{\u003Cbr \/\u003Eif(title!=''){\u003Cbr \/\u003Eif(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){\u003Cbr \/\u003Eif(thisUrl.indexOf(timestamp)!=-1 ){\u003Cbr \/\u003EthisNum = postNum;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003Eif(title!='') postNum++;\u003Cbr \/\u003EhtmlMap[htmlMap.length] = '\/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00\u0026max-results='+pageCount;\u003Cbr \/\u003E} \u003Cbr \/\u003E}\u003Cbr \/\u003EitemCount++;\u003Cbr \/\u003E}\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003Efor(var p =0;p\u003C htmlMap.length;p++){\u003Cbr \/\u003Eif(p\u003E=(thisNum-displayPageNum-1) \u0026\u0026 p\u003C(thisNum+displayPageNum)){\u003Cbr \/\u003Eif(fFlag ==0 \u0026\u0026 p == thisNum-2){\u003Cbr \/\u003Eif(thisNum==2){\u003Cbr \/\u003Eif(isLablePage){\u003Cbr \/\u003EupPageHtml = labelHtml + upPageWord +'\u0026lt;\/a\u003E\u0026lt;\/span\u003E'; \u003Cbr \/\u003E}else{\u003Cbr \/\u003EupPageHtml = '\u0026lt;span class=\"showpage\"\u003E\u0026lt;a href=\"\/\"\u003E'+ upPageWord +'\u0026lt;\/a\u003E\u0026lt;\/span\u003E';\u003Cbr \/\u003E}\u003Cbr \/\u003E}else{\u003Cbr \/\u003EupPageHtml = '\u0026lt;span class=\"showpage\"\u003E\u0026lt;a href=\"'+htmlMap[p]+'\"\u003E'+ upPageWord +'\u0026lt;\/a\u003E\u0026lt;\/span\u003E';\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003EfFlag++;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003Eif(p==(thisNum-1)){\u003Cbr \/\u003Ehtml += '\u0026nbsp;\u0026lt;span class=\"showpagePoint\"\u003E\u0026lt;u\u003E'+thisNum+'\u0026lt;\/u\u003E\u0026lt;\/span\u003E';\u003Cbr \/\u003E}else{\u003Cbr \/\u003Eif(p==0){\u003Cbr \/\u003Eif(isLablePage){\u003Cbr \/\u003Ehtml = labelHtml+'1\u0026lt;\/a\u003E\u0026lt;\/span\u003E'; \u003Cbr \/\u003E}else{\u003Cbr \/\u003Ehtml += '\u0026lt;span class=\"showpageNum\"\u003E\u0026lt;a href=\"\/\"\u003E1\u0026lt;\/a\u003E\u0026lt;\/span\u003E'; \u003Cbr \/\u003E}\u003Cbr \/\u003E}else{\u003Cbr \/\u003Ehtml += '\u0026lt;span class=\"showpageNum\"\u003E\u0026lt;a href=\"'+htmlMap[p]+'\"\u003E'+ (p+1) +' \u0026lt;\/a\u003E\u0026lt;\/span\u003E';\u003Cbr \/\u003E}\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003Eif(eFlag ==0 \u0026\u0026 p == thisNum){\u003Cbr \/\u003EdownPageHtml = '\u0026lt;span class=\"showpage\"\u003E \u0026lt;a href=\"'+htmlMap[p]+'\"\u003E'+ downPageWord +'\u0026lt;\/a\u003E\u0026lt;\/span\u003E';\u003Cbr \/\u003EeFlag++;\u003Cbr \/\u003E}\u003Cbr \/\u003E}\/\/end if(p\u003E=(thisNum-displayPageNum-1) \u0026\u0026 p\u003C(thisNum+displayPageNum)){\u003Cbr \/\u003E}\/\/end for(var p =0;p\u003C htmlMap.length;p++){\u003Cbr \/\u003E\u003Cbr \/\u003Eif(thisNum\u003E1){\u003Cbr \/\u003Eif(!isLablePage){\u003Cbr \/\u003Ehtml = '\u0026lt;span class=\"showpage\"\u003E\u0026lt;a href=\"\/\"\u003E'+ firstPageWord +' \u0026lt;\/a\u003E\u0026lt;\/span\u003E'+upPageHtml+' '+html +' ';\u003Cbr \/\u003E}else{\u003Cbr \/\u003Ehtml = ''+labelHtml + firstPageWord +' \u0026lt;\/a\u003E\u0026lt;\/span\u003E'+upPageHtml+' '+html +' ';\u003Cbr \/\u003E}\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003Ehtml = '\u0026lt;div class=\"showpageArea\"\u003E\u0026lt;span style=\"font-size:10px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;\" class=\"showpage\"\u003EPágina '+thisNum+' de '+(postNum-1)+': \u0026lt;\/span\u003E'+html;\u003Cbr \/\u003E\u003Cbr \/\u003Eif(thisNum\u003C(postNum-1)){\u003Cbr \/\u003Ehtml += downPageHtml;\u003Cbr \/\u003Ehtml += '\u0026lt;span class=\"showpage\"\u003E\u0026lt;a href=\"'+htmlMap[htmlMap.length-1]+'\"\u003E '+endPageWord+'\u0026lt;\/a\u003E\u0026lt;\/span\u003E';\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003Eif(postNum==1) postNum++; \u003Cbr \/\u003Ehtml += '\u0026lt;\/div\u003E';\u003Cbr \/\u003E\u003Cbr \/\u003Eif(isPage || isFirstPage || isLablePage){\u003Cbr \/\u003Evar pageArea = document.getElementsByName(\"pageArea\");\u003Cbr \/\u003Evar blogPager = document.getElementById(\"blog-pager\");\u003Cbr \/\u003E\u003Cbr \/\u003Eif(postNum \u003C= 2){\u003Cbr \/\u003Ehtml ='';\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003Efor(var p =0;p\u003C pageArea.length;p++){\u003Cbr \/\u003EpageArea[p].innerHTML = html;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003Eif(pageArea\u0026\u0026pageArea.length\u003E0){\u003Cbr \/\u003Ehtml ='';\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003Eif(blogPager){\u003Cbr \/\u003EblogPager.innerHTML = html;\u003Cbr \/\u003E}\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E}\u003Cbr \/\u003E\u0026lt;\/script\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;script src=\"\/feeds\/posts\/summary?alt=json-in-script\u0026callback=showpageCount\u0026max-results=99999\" type=\"text\/javascript\"\u003E\u0026lt;\/script\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cstrong\u003EExplicación\u003C\/strong\u003E\u003C\/span\u003E:\u003Cbr \/\u003E- \u003Cstrong\u003E.showpageArea\u003C\/strong\u003E .- Es el rectángulo donde se va a mostrar la paginación. \u003Cbr \/\u003E\u003Cbr \/\u003E- \u003Cstrong\u003E.showpageArea a\u003C\/strong\u003E .- Son los enlaces en general (los números de las páginas y los textos Anterior y Siguiente). Podemos usar cualquier propiedad, como ponerles una imagen y un borde.\u003Cbr \/\u003E\u003Cbr \/\u003E- \u003Cstrong\u003E.showpageArea a:hover\u003C\/strong\u003E .- Se refiere al efecto gráfico cuando colocamos el ratón encima de la paginación.\u003Cbr \/\u003E\u003Cbr \/\u003E- \u003Cstrong\u003E.showpageNum a\u003C\/strong\u003E  y \u003Cstrong\u003E.showpageNum a:hover\u003C\/strong\u003E .- Son los enlaces con los números de las páginas si es que queremos que se vean diferentes.\u003Cbr \/\u003E\u003Cbr \/\u003E- \u003Cstrong\u003E.showpage a\u003C\/strong\u003E y \u003Cstrong\u003E.showpage a:hover \u003C\/strong\u003E.- Son los enlaces con los textos si es que - queremos que se vean diferentes.\u003Cbr \/\u003E\u003Cbr \/\u003E- \u003Cstrong\u003E.showpagePoint\u003C\/strong\u003E .- Es el texto que se muestra en la página actual, es decir los números.\u003Cbr \/\u003E\u003Cbr \/\u003E- \u003Cstrong\u003Evar pageCount\u003C\/strong\u003E .- La cantidad de posts que se mostrarán por página.\u003Cbr \/\u003ESi var pageCount=4 entonces se mostraran por pagina 4 artículos publicados.\u003Cbr \/\u003E\u003Cbr \/\u003E- \u003Cstrong\u003Evar displayPageNum\u003C\/strong\u003E .- La cantidad de páginas listadas. \u003Cbr \/\u003ESi var displayPageNum=1 entonces se listarán 1 más 1 página, serian 2.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E2.\u003C\/strong\u003E Finalmente, después de haber pegado el código en un HTML\/Javascript necesitas arrastrar el widget y ponerlo debajo de Entradas del blog.\u003Cimg style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 246px;\" src=\"http:\/\/img241.imageshack.us\/img241\/8351\/paginacion2fq2.gif\" border=\"0\" alt=\"\"\/\u003E\u003Cbr \/\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cstrong\u003EResultado\u003C\/strong\u003E\u003C\/span\u003E:\u003Cbr \/\u003E\u003Cimg style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 324px; height: 44px;\" src=\"http:\/\/4.bp.blogspot.com\/_wIBBe1JWnPQ\/SSnsfK0klpI\/AAAAAAAAAQU\/jLozoGeXQhA\/s400\/Paginacion1.bmp\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5272004859038832274\" \/\u003E\u003Cbr \/\u003E- Por ejemplo, si deseas eliminar \u003Cstrong\u003EPágina 1 de 88\u003C\/strong\u003E entonces tendrías que eliminar el siguiente código que se encuentra casi al final:\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003Ehtml = '\u0026lt;div class=\"showpageArea\"\u003E\u0026lt;span style=\"font-size:10px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;\" class=\"showpage\"\u003EPágina '+thisNum+' de '+(postNum-1)+': \u0026lt;\/span\u003E'+html;\u003C\/div\u003E\u003Cbr \/\u003EVia: \u003Ca href=\"http:\/\/rias-techno-wizard.blogspot.com\/2008\/07\/page-navigation-menu-widget-for-blogger.html\" target=\"_blank\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003EBlogger Accessories\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/5636069068853147873\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/www.blogger.com\/comment.g?blogID=37094370\u0026postID=5636069068853147873\u0026isPopup=true","title":"71 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/5636069068853147873"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/5636069068853147873"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/2008\/11\/paginacin-en-el-blog-80.html","title":"Paginación en el blog -80-"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/1.bp.blogspot.com\/_wIBBe1JWnPQ\/SSnq9elQh9I\/AAAAAAAAAQM\/wUOT0J0fhhg\/s72-c\/Paginacion.bmp","height":"72","width":"72"},"thr$total":{"$t":"71"}},{"id":{"$t":"tag:blogger.com,1999:blog-37094370.post-2441496745011697336"},"published":{"$t":"2008-11-21T15:37:00.001-05:00"},"updated":{"$t":"2008-11-21T15:42:36.929-05:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Comentarios"}],"title":{"type":"text","$t":"¿Cómo insertar el formulario para comentarios en los post? -79-"},"content":{"type":"html","$t":"\u003Cdiv align=\"justify\"\u003EEste formulario para comentarios aparecerá al final de cada post y es más conveniente para los lectores porque pueden publicar un comentario rápidamente.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E1.\u003C\/strong\u003E Ir a Configuración. Después a Comentarios. De ahí, en donde dice: Ubicación del formulario de comentarios, escogemos la siguiente opción:\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/_wIBBe1JWnPQ\/SScRvuCO1iI\/AAAAAAAAAP0\/n3HH917iCVY\/s1600-h\/Comentario1.bmp\"\u003E\u003Cimg style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 54px;\" src=\"http:\/\/2.bp.blogspot.com\/_wIBBe1JWnPQ\/SScRvuCO1iI\/AAAAAAAAAP0\/n3HH917iCVY\/s400\/Comentario1.bmp\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5271201400369370658\" \/\u003E\u003C\/a\u003E\u003Cbr \/\u003E* No te olvides que tienes que Guardar valores.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E2.\u003C\/strong\u003E Finalmente vas a tu blog y verás el siguiente resultado:\u003Cspan class=\"fullpost\"\u003E \u003Cbr \/\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/_UrIU2wmCWlo\/SScXp7tVq5I\/AAAAAAAABRw\/gtYMaACe81U\/s1600-h\/FormularioComentario.bmp\"\u003E\u003Cimg style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 193px;\" src=\"http:\/\/2.bp.blogspot.com\/_UrIU2wmCWlo\/SScXp7tVq5I\/AAAAAAAABRw\/gtYMaACe81U\/s400\/FormularioComentario.bmp\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5271207898030386066\" \/\u003E\u003C\/a\u003E\u003Cp align=\"center\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003EClick en las imagenes para agrandarla\u003C\/span\u003E\u003C\/p\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/_UrIU2wmCWlo\/SScaayMHj1I\/AAAAAAAABSI\/DpzRuYlY1vQ\/s1600-h\/VistaComentario.bmp\"\u003E\u003Cimg style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 200px; height: 174px;\" src=\"http:\/\/4.bp.blogspot.com\/_UrIU2wmCWlo\/SScaayMHj1I\/AAAAAAAABSI\/DpzRuYlY1vQ\/s200\/VistaComentario.bmp\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5271210936311975762\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/2441496745011697336\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/www.blogger.com\/comment.g?blogID=37094370\u0026postID=2441496745011697336\u0026isPopup=true","title":"76 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/2441496745011697336"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/2441496745011697336"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/2008\/11\/cmo-insertar-el-formulario-para.html","title":"¿Cómo insertar el formulario para comentarios en los post? -79-"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/2.bp.blogspot.com\/_wIBBe1JWnPQ\/SScRvuCO1iI\/AAAAAAAAAP0\/n3HH917iCVY\/s72-c\/Comentario1.bmp","height":"72","width":"72"},"thr$total":{"$t":"76"}},{"id":{"$t":"tag:blogger.com,1999:blog-37094370.post-5429823359342215298"},"published":{"$t":"2008-08-23T13:48:00.001-05:00"},"updated":{"$t":"2008-08-23T13:52:34.575-05:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Comentarios"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Preguntas frecuentes"}],"title":{"type":"text","$t":"¿Cómo mostrar los comentarios numerados? -78-"},"content":{"type":"html","$t":"\u003Cdiv align=\"justify\"\u003E\u003Cimg style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;\" src=\"http:\/\/3.bp.blogspot.com\/_wIBBe1JWnPQ\/SLBbv5RNDII\/AAAAAAAAAL4\/H6JaN9iFgEw\/s320\/comentarionumerado.JPG\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5237787245016845442\" \/\u003E\u003Cstrong\u003E1\u003C\/strong\u003E. Ir a diseño de la plantilla, luego a Edición de HTML y clic en Expandir plantilla de artilugios, agregar el siguiente código entre \u0026lt;b:skin\u0026gt;\u0026lt;![CDATA[ \u003Cstrong\u003Ey\u003C\/strong\u003E ]]\u0026gt;\u0026lt;\/b:skin\u0026gt;. Preferible que lo pegues al final (antes de ]]\u0026gt;\u0026lt;\/b:skin\u0026gt;), porque puede ser que en algún momento, no quieras esto y se te va hacer más fácil poder ubicarlo para eliminarlo.\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E.CommentIndex{\u003Cbr \/\u003Efloat:right;\u003Cbr \/\u003Eposition:relative;top:25px;left:3px;\u003Cbr \/\u003Emargin-left:-200px;\u003Cbr \/\u003Efont: italic bold 30pt 'Century Gothic','Trebuchet MS';\u003Cbr \/\u003Ecolor:red;\u003Cbr \/\u003Eopacity:0.3;\u003Cbr \/\u003E-moz-opacity:0.3;\u003Cbr \/\u003Efilter:alpha(Opacity=30);\u003Cbr \/\u003E}\u003Cbr \/\u003E \u003Cbr \/\u003E.CommentIndex:hover{\u003Cbr \/\u003Efont-size:80px;\u003Cbr \/\u003E}\u003C\/div\u003E\u003Cspan class=\"fullpost\"\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003EExplicación:\u003C\/strong\u003E\u003Cbr \/\u003E- En float, puedes cambiarlo de posición, sea left (izquierda) o right (derecha).\u003Cbr \/\u003E- En margin, ver \u003Ca href=\"http:\/\/htmlhelp.com\/es\/reference\/css\/box\/margin.html\" target=\"_blank\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003Eaquí\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E.\u003Cbr \/\u003E- En font y color, si deseas le cambias.\u003Cbr \/\u003E- En opacity, el número aparecerá opaco o transparente (sobre puesto), si deseas lo eliminas y desaparecerá lo transparente.\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E2\u003C\/strong\u003E. Buscar lo siguiente:\u003Cbr \/\u003E\u003Cstrong\u003E\u0026lt;dl id='comments-block'\u003E\u003C\/strong\u003E\u003Cbr \/\u003E\u0026lt;b:loop values='data:post.comments' var='comment'\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E3\u003C\/strong\u003E. Agregar lo siguiente (lo que está con color azul) después de:\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u0026lt;dl id='comments-block'\u003E\u003Cbr \/\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u0026lt;script type='text\/javascript'\u0026gt;Index = 1;\u0026lt;\/script\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\u0026lt;b:loop values='data:post.comments' var='comment'\u0026gt;\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E4\u003C\/strong\u003E. Debajo de: \u003Cstrong\u003E\u0026lt;b:loop values='data:post.comments' var='comment'\u0026gt;\u003C\/strong\u003E pegar lo siguiente:\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u0026lt;span class='CommentIndex' title='solo comentario enumerado'\u0026gt;\u0026lt;script type='text\/javascript'\u0026gt;document.write(Index); Index= Index+1 ;\u0026lt;\/script\u0026gt;\u0026lt;\/span\u0026gt;\u003C\/span\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E5\u003C\/strong\u003E. Finalmente, guardamos los cambios.\u003C\/div\u003E\u003Cbr \/\u003E\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/5429823359342215298\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/www.blogger.com\/comment.g?blogID=37094370\u0026postID=5429823359342215298\u0026isPopup=true","title":"58 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/5429823359342215298"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/5429823359342215298"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/2008\/08\/cmo-mostrar-los-comentarios-numerados.html","title":"¿Cómo mostrar los comentarios numerados? -78-"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/3.bp.blogspot.com\/_wIBBe1JWnPQ\/SLBbv5RNDII\/AAAAAAAAAL4\/H6JaN9iFgEw\/s72-c\/comentarionumerado.JPG","height":"72","width":"72"},"thr$total":{"$t":"58"}},{"id":{"$t":"tag:blogger.com,1999:blog-37094370.post-7858274738246261965"},"published":{"$t":"2008-08-11T23:16:00.002-05:00"},"updated":{"$t":"2008-08-23T11:30:26.413-05:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger (nuevo)"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Preguntas frecuentes"}],"title":{"type":"text","$t":"¿Cómo mostrar la foto del autor del comentario en la página principal? -77-"},"content":{"type":"html","$t":"\u003Cdiv align=\"justify\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/_wIBBe1JWnPQ\/SJ-Rjp7LaKI\/AAAAAAAAALw\/sDyp0loHtW4\/s1600-h\/FotoAutorComentario.JPG\"\u003E\u003Cimg style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;\" src=\"http:\/\/3.bp.blogspot.com\/_wIBBe1JWnPQ\/SJ-Rjp7LaKI\/AAAAAAAAALw\/sDyp0loHtW4\/s320\/FotoAutorComentario.JPG\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5233061333763319970\" \/\u003E\u003C\/a\u003E\u003Cstrong\u003E1.\u003C\/strong\u003E Ir a diseño de la plantilla, luego a Edición de HTML y clic en Expandir plantillas de artilugios, buscar lo siguiente:\u003Cbr \/\u003E\u003Cstrong\u003E\u0026lt;dl id='comments-block'\u003E\u003C\/strong\u003E\u003Cbr \/\u003E\u0026lt;b:loop values='data:post.comments' var='comment'\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E2.\u003C\/strong\u003E Agregar lo siguiente (lo que está con color azul) después de:\u003Cbr \/\u003E\u003Cstrong\u003E\u0026lt;b:loop values='data:post.comments' var='comment'\u003E\u003C\/strong\u003E\u003C\/div\u003E\u003Cspan class=\"fullpost\"\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u0026lt;div style=\"clear:both\"\u0026gt;\u003Cbr \/\u003E\u0026lt;dt style=\"float:left;margin-right:5px;clear:both;\" expr:id='\"commentphoto\" + data:comment.id'\u0026gt;\u003Cbr \/\u003E\u0026lt;\/dt\u0026gt;\u003Cbr \/\u003E\u0026lt;b:if cond='data:comment.authorUrl'\u0026gt;\u003Cbr \/\u003E\u0026lt;script type=\u0026quot;text\/javascript\u0026quot;\u0026gt; \u003Cbr \/\u003Eif(typeof(commentPhotoIds) == \u0026#39;undefined\u0026#39;) var commentPhotoIds = []; commentPhotoIds.push({\u0026#39;id\u0026#39;:\u0026#39;commentphoto\u0026lt;data:comment.id\/\u0026gt;\u0026#39;, \u0026#39;url\u0026#39;:\u0026#39;\u0026lt;data:comment.authorUrl\/\u0026gt;\u0026#39;});\u003Cbr \/\u003E\u0026lt;\/script\u0026gt; \u003Cbr \/\u003E\u0026lt;b:else\/\u0026gt;\u003Cbr \/\u003E\u0026lt;script type=\u0026quot;text\/javascript\u0026quot;\u0026gt; if(typeof(commentPhotoIds) == \u0026#39;undefined\u0026#39;) var commentPhotoIds = []; commentPhotoIds.push({\u0026#39;id\u0026#39;:\u0026#39;commentphoto\u0026lt;data:comment.id\/\u0026gt;\u0026#39;, \u0026#39;url\u0026#39;:\u0026#39;\u0026#39;});\u003Cbr \/\u003E\u0026lt;\/script\u0026gt; \u003Cbr \/\u003E\u0026lt;\/b:if\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;dt class='comment-author' expr:id='\u0026quot;comment-\u0026quot; + data:comment.id'\u003E\u003Cbr \/\u003E            \u0026lt;a expr:name='\u0026quot;comment-\u0026quot; + data:comment.id'\/\u003E\u003Cbr \/\u003E            \u0026lt;b:if cond='data:comment.authorUrl'\u003E\u003Cbr \/\u003E              \u0026lt;a expr:href='data:comment.authorUrl' rel='nofollow'\u003E\u0026lt;data:comment.author\/\u003E\u0026lt;\/a\u003E\u003Cbr \/\u003E            \u0026lt;b:else\/\u003E\u003Cbr \/\u003E              \u0026lt;data:comment.author\/\u003E\u003Cbr \/\u003E            \u0026lt;\/b:if\u003E\u003Cbr \/\u003E            \u0026lt;data:commentPostedByMsg\/\u003E\u003Cbr \/\u003E          \u0026lt;\/dt\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E \u0026lt;b:if cond='data:comment.author == data:post.author'\u003E\u003Cbr \/\u003E          \u0026lt;dd class='comment-body-author'\u003E\u003Cbr \/\u003E            \u0026lt;p\u003E\u003Cdata:comment.body\/\u003E\u0026lt;\/p\u003E\u003Cbr \/\u003E          \u0026lt;\/dd\u003E\u003Cbr \/\u003E        \u0026lt;b:else\/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E          \u0026lt;dd class='comment-body'\u003E\u003Cbr \/\u003E            \u0026lt;b:if cond='data:comment.isDeleted'\u003E\u003Cbr \/\u003E              \u0026lt;span class='deleted-comment'\u003E\u0026lt;data:comment.body\/\u003E\u0026lt;\/span\u003E\u003Cbr \/\u003E            \u0026lt;b:else\/\u003E\u003Cbr \/\u003E              \u0026lt;p\u003E\u0026lt;data:comment.body\/\u003E\u0026lt;\/p\u003E\u003Cbr \/\u003E            \u0026lt;\/b:if\u003E\u003Cbr \/\u003E          \u0026lt;\/dd\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E          \u0026lt;\/b:if\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E          \u0026lt;dd class='comment-footer'\u003E\u003Cbr \/\u003E            \u0026lt;span class='comment-timestamp'\u003E\u003Cbr \/\u003E              \u0026lt;a expr:href='\u0026quot;#comment-\u0026quot; + data:comment.id' title='comment permalink'\u003E\u003Cbr \/\u003E                \u0026lt;data:comment.timestamp\/\u003E\u003Cbr \/\u003E              \u0026lt;\/a\u003E\u003Cbr \/\u003E              \u0026lt;b:include data='comment' name='commentDeleteIcon'\/\u003E\u003Cbr \/\u003E            \u0026lt;\/span\u003E\u003Cbr \/\u003E          \u0026lt;\/dd\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u0026lt;\/div\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E        \u003Cstrong\u003E\u0026lt;\/b:loop\u003E\u003C\/strong\u003E\u003Cbr \/\u003E      \u0026lt;\/dl\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003EExplicación:\u003C\/strong\u003E\u003Cbr \/\u003E\u0026lt;div style=\"clear:both\"\u0026gt;\u003Cbr \/\u003E\u0026lt;dt style=\"float:left;margin-right:5px;clear:both;\" expr:id='\"commentphoto\" + data:comment.id'\u0026gt;\u003Cbr \/\u003E- En float, puedes cambiarlo de posición, sea left (izquierda) o right (derecha).\u003Cbr \/\u003E- En margin, ver \u003Ca href=\"http:\/\/htmlhelp.com\/es\/reference\/css\/box\/margin.html\" target=\"_blank\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003Eaquí\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E.\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E3.\u003C\/strong\u003E Pegar lo siguiente antes de: \u0026lt;\/body\u003E (esto se encuentra al final de la plantilla)\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u0026lt;script type='text\/javascript'\u0026gt;\u003Cbr \/\u003E\/\/\u0026lt;![CDATA[  \u003Cbr \/\u003Efunction commentPhotoDo() {      \u003Cbr \/\u003Evar tag;      \u003Cbr \/\u003Efor(var i = 0; i \u003C commentPhotoIds.length; i++) { \u003Cbr \/\u003Etag = document.createElement('script');        \u003Cbr \/\u003Etag.type = 'text\/javascript';        \u003Cbr \/\u003Etag.src = 'http:\/\/scrape.singpolyma.net\/avatar.php?maxwidth=70\u0026url='+encodeURIComponent(commentPhotoIds[i].url)+'\u0026id='+encodeURIComponent(commentPhotoIds[i].id)+'\u0026defaultimage='+encodeURIComponent('http:\/\/img139.imageshack.us\/img139\/1011\/defaultavatarad7.png');        \u003Cbr \/\u003Edocument.body.appendChild(tag);      \u003Cbr \/\u003E}\/\/end for var i in commentPhotoIds  \u003Cbr \/\u003E}\/\/end function commentPhotoDo  \u003Cbr \/\u003Eif(typeof(commentPhotoIds) != \"undefined\") commentPhotoDo(); \u003Cbr \/\u003E\/\/]]\u0026gt;\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003C\/span\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E* Agregar tu propia imagen en donde dice: \u0026defaultimage='+encodeURIComponent('\u003Cstrong\u003Ehttp:\/\/aquí-la-dirección-de-tú-imagen\u003C\/strong\u003E'), porque algunos no agregan su foto y aparecerá una imagen como un anónimo(?), pero si están registrados en Blogger (con-enlace). \u003Cbr \/\u003EEn el caso del anónimo aparecerá simplemente la imagen que ustedes han puesto.\u003Cbr \/\u003E- Con respecto a la imagen tiene que ser de ancho 60px por 45px de alto aproximadamente. \u003Cbr \/\u003E** px.- pixeles\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E4.\u003C\/strong\u003E Finalmente, guardamos los cambios.\u003C\/div\u003E\u003Cbr \/\u003E\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/7858274738246261965\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/www.blogger.com\/comment.g?blogID=37094370\u0026postID=7858274738246261965\u0026isPopup=true","title":"31 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/7858274738246261965"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/7858274738246261965"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/2008\/08\/cmo-mostrar-la-foto-del-autor-del.html","title":"¿Cómo mostrar la foto del autor del comentario en la página principal? -77-"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/3.bp.blogspot.com\/_wIBBe1JWnPQ\/SJ-Rjp7LaKI\/AAAAAAAAALw\/sDyp0loHtW4\/s72-c\/FotoAutorComentario.JPG","height":"72","width":"72"},"thr$total":{"$t":"31"}},{"id":{"$t":"tag:blogger.com,1999:blog-37094370.post-8065975335906235446"},"published":{"$t":"2008-06-24T00:00:00.008-05:00"},"updated":{"$t":"2008-12-08T18:31:44.793-05:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Preguntas frecuentes"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Widgets"}],"title":{"type":"text","$t":"¿Cómo calificar los post de tu blog? -76-"},"content":{"type":"html","$t":"\u003Cdiv align=\"justify\"\u003E\u003Cimg id=\"BLOGGER_PHOTO_ID_5215302536205194162\" style=\"DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center\" alt=\"\" src=\"http:\/\/1.bp.blogspot.com\/_wIBBe1JWnPQ\/SGB6Blq0U7I\/AAAAAAAAAK4\/SOQKMvb_vf0\/s320\/Estrellas.JPG\" border=\"0\" \/\u003EUn \u003Cstrong\u003EWidget\u003C\/strong\u003E es uno de esos artilugios que habitualmente adornan las barras laterales de los blogs.\u003Cbr \/\u003E\u003Cbr \/\u003ESi quieres saber lo que piensan tus lectores acerca del contenido de tu blog o de los posts de tu blog, puedes añadir el widget \u003Cspan style=\"color:#3333ff;\"\u003EOutbrain ratings\u003C\/span\u003E y tus lectores podrán calificar cada post con una determinada cantidad de estrellas (1 al 5) el contenido de tu blog o página web.\u003Cspan class=\"fullpost\"\u003E\u003Cbr \/\u003EEl \u003Cstrong\u003EOutbrain ratings\u003C\/strong\u003E es el más completo y elegante. Sencillo de instalar y funciona en las plataformas Blogger, TypePad, WordPress, Drupal, javascript y FeedBurner RSS feed.\u003Cbr \/\u003EEl widget inserta automáticamente el selector de \u003Cstrong\u003E5 estrellas\u003C\/strong\u003E, en la parte inferior de cada entrada que se publica.\u003Cbr \/\u003ETe recomiendo que te registres para que lleves un registro de tus propias votaciones y asi poder solicitar las estadísticas de tu blog.\u003Cbr \/\u003EOutbrain ratings, incluye soporte para varios idiomas, incluyendo el español. Además te muestra en el blog las \u003Cstrong\u003E3 Publicaciones más Populares\u003C\/strong\u003E.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E1.\u003C\/strong\u003E Ingresar a \u003Ca href=\"http:\/\/www.outbrain.com\/get\/ratings\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003EOutbrain ratings\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E.\u003Cbr \/\u003E\u003Cstrong\u003E2.\u003C\/strong\u003E Selecionar la plataforma que esta alojado tu blog (Blogger, WordPress, TypePad, Drupal u otros).\u003Cbr \/\u003E\u003Cstrong\u003E3.\u003C\/strong\u003E Registrarse (Opcional). Caso contrario instalas el widget.\u003Cbr \/\u003EEjemplo:\u003Cbr \/\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/_wIBBe1JWnPQ\/SJX0-orbUvI\/AAAAAAAAALY\/psSkg72HgJo\/s1600-h\/CalificarPost.JPG\"\u003E\u003Cimg style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;\" src=\"http:\/\/1.bp.blogspot.com\/_wIBBe1JWnPQ\/SJX0-orbUvI\/AAAAAAAAALY\/psSkg72HgJo\/s320\/CalificarPost.JPG\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5230355899169329906\" \/\u003E\u003C\/a\u003E\u003Cp align=\"center\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003EClick en la imagen para agrandarla\u003C\/span\u003E\u003C\/p\u003E\u003Cbr \/\u003E\u003Cstrong\u003E4.\u003C\/strong\u003E Recibirás un correo en caso de que te hayas registrado.\u003Cbr \/\u003E\u003Cstrong\u003E5.\u003C\/strong\u003E En caso de que no te hayas registrado te aparecera lo siguiente:\u003Cbr \/\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/_wIBBe1JWnPQ\/SJX2KYxy4TI\/AAAAAAAAALg\/KetCx1r2Ln0\/s1600-h\/CalificarPost01.JPG\"\u003E\u003Cimg style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;\" src=\"http:\/\/3.bp.blogspot.com\/_wIBBe1JWnPQ\/SJX2KYxy4TI\/AAAAAAAAALg\/KetCx1r2Ln0\/s320\/CalificarPost01.JPG\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5230357200571130162\" \/\u003E\u003C\/a\u003E\u003Cp align=\"center\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003EClick en la imagen para agrandarla\u003C\/span\u003E\u003C\/p\u003E\u003Cbr \/\u003E\u003Cstrong\u003E6.\u003C\/strong\u003E Finalmente:\u003Ca href=\"http:\/\/2.bp.blogspot.com\/_wIBBe1JWnPQ\/SGB-KokhCVI\/AAAAAAAAALI\/ME9yoI8E-yE\/s1600-h\/Calificar+un+post.JPG\" target=\"_blank\"\u003E\u003Cimg id=\"BLOGGER_PHOTO_ID_5215307089649404242\" style=\"DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center\" alt=\"\" src=\"http:\/\/2.bp.blogspot.com\/_wIBBe1JWnPQ\/SGB-KokhCVI\/AAAAAAAAALI\/ME9yoI8E-yE\/s320\/Calificar+un+post.JPG\" border=\"0\" \/\u003E\u003C\/a\u003E\u003Cp align=\"center\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003EClick en la imagen para agrandarla\u003C\/span\u003E\u003C\/p\u003E\u003C\/div\u003E\u003Cbr \/\u003EExisten otras páginas como: \u003Cbr \/\u003E\u003Ca href=\"http:\/\/spotback.com\/widgets\/intro\" target=\"_blank\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003ESpotback\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E\u003Cbr \/\u003E\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/8065975335906235446\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/www.blogger.com\/comment.g?blogID=37094370\u0026postID=8065975335906235446\u0026isPopup=true","title":"57 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/8065975335906235446"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/8065975335906235446"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/2008\/06\/cmo-calificar-los-post-de-tu-blog-76.html","title":"¿Cómo calificar los post de tu blog? -76-"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/1.bp.blogspot.com\/_wIBBe1JWnPQ\/SGB6Blq0U7I\/AAAAAAAAAK4\/SOQKMvb_vf0\/s72-c\/Estrellas.JPG","height":"72","width":"72"},"thr$total":{"$t":"57"}},{"id":{"$t":"tag:blogger.com,1999:blog-37094370.post-450939937910957181"},"published":{"$t":"2007-12-09T12:18:00.000-05:00"},"updated":{"$t":"2008-12-08T18:31:45.051-05:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Preguntas frecuentes"}],"title":{"type":"text","$t":"¿Como incluir una barra \"Cargando Página\"? -75-"},"content":{"type":"html","$t":"\u003Cdiv align=\"justify\"\u003E\u003Cimg id=\"BLOGGER_PHOTO_ID_5142024232649969922\" style=\"DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center\" alt=\"\" src=\"http:\/\/3.bp.blogspot.com\/_wIBBe1JWnPQ\/R1wjy8WNUQI\/AAAAAAAAAKw\/mgcmD8B1hJg\/s320\/loading.gif\" border=\"0\" \/\u003E\u003Cbr \/\u003EPermite insertar una barra en el centro de la página que especifica que el sitio está cargando su contenido. Una vez finalizado, se elimina la barra y muestra la página completa.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E1\u003C\/strong\u003E. Ir a Plantilla, luego a Edición de HTML y antes de \u0026lt;\/head\u003E pegar el siguiente código:\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u0026lt;script type='text\/javascript'\u0026gt; \u003Cbr \/\u003Ewindow.onload = detectarCarga; \u003Cbr \/\u003Efunction detectarCarga(){\u003Cbr \/\u003Edocument.getElementById(\"imgLOAD\").style.display=\"none\";\u003Cbr \/\u003E}\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cspan class=\"fullpost\"\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E2\u003C\/strong\u003E. Después ir a  Elementos de página y pegar el siguiente código:\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u0026lt;div id='imgLOAD' style=\"TEXT-ALIGN: center\"\u0026gt;\u003Cbr \/\u003E\u0026lt;b\u003ECargando\u0026lt;\/b\u0026gt;\u003Cbr \/\u003E\u0026lt;IMG src=\"http:\/\/i151.photobucket.com\/albums\/s137\/andrewmusic1\/loading.gif\"\u0026gt;\u003Cbr \/\u003E\u0026lt;\/div\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E*\u003C\/strong\u003E Después lo arrastramos en donde mejor nos parezca.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003ENota:\u003C\/strong\u003E\u003Cbr \/\u003EEsto también lo podemos poner dentro del código de la plantilla.\u003C\/div\u003E\u003Cbr \/\u003EExisten páginas que te ofrecen diferentes tipos de barras Cargando Página: \u003Cbr \/\u003E\u003Ca href=\"http:\/\/www.napyfab.com\/ajax-indicators\/\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003ENapyfab\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E \u003Cbr \/\u003E\u003Ca href=\"http:\/\/www.loadinfo.net\/\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003ELoad Info\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E \u003Cbr \/\u003E\u003Ca href=\"http:\/\/mentalized.net\/activity-indicators\/\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003EActivity Indicators\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E\u003Cbr \/\u003E\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/450939937910957181\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/www.blogger.com\/comment.g?blogID=37094370\u0026postID=450939937910957181\u0026isPopup=true","title":"48 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/450939937910957181"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/450939937910957181"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/2007\/12\/como-incluir-una-barra-cargando-pgina.html","title":"¿Como incluir una barra \"Cargando Página\"? -75-"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/3.bp.blogspot.com\/_wIBBe1JWnPQ\/R1wjy8WNUQI\/AAAAAAAAAKw\/mgcmD8B1hJg\/s72-c\/loading.gif","height":"72","width":"72"},"thr$total":{"$t":"48"}},{"id":{"$t":"tag:blogger.com,1999:blog-37094370.post-7019568193866190786"},"published":{"$t":"2007-10-11T23:29:00.015-05:00"},"updated":{"$t":"2008-12-08T18:31:45.067-05:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Preguntas frecuentes"}],"title":{"type":"text","$t":"¿Cómo incluir una Radio Online en el Blog? -74-"},"content":{"type":"html","$t":"\u003Cdiv align=\"justify\"\u003E\u003Cimg id=\"BLOGGER_PHOTO_ID_5120244460715526674\" style=\"FLOAT: right; MARGIN: 0px 0px 10px 10px; CURSOR: hand\" alt=\"\" src=\"http:\/\/2.bp.blogspot.com\/_wIBBe1JWnPQ\/Rw7DNXQcShI\/AAAAAAAAAKg\/FgySHR6C59Y\/s200\/EmisoraOnline.jpg\" border=\"0\" \/\u003ESi deseas que tu radio favorita suene en tu blog, lo podrás hacer utilizando un simple código que a continuación te proporcionare:\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E1.\u003C\/strong\u003E Necesitamos obtener la URL de la radio, es decir su dirección por donde transmite su señal. Generalmente se puede obtener desde el mismo reproductor que la emisora tiene en su página web, entonces tendrás que escuchar la radio, para luego poner el mouse sobre el reproductor, después presionar el botón derecho, el cual se abrirá una ventana y clic en Propiedades, es ahí en donde veras la URL por la cual transmite su música.\u003Cbr \/\u003E\u003Cbr \/\u003E2. Pegar el siguiente código en donde quieras, sea en la Sidebar o en la Columna principal:\u003C\/div\u003E\u003Cspan class=\"fullpost\"\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u0026lt;EMBED type=\"application\/x-mplayer2\" pluginspage=\"http:\/\/www.microsoft.com\/windows\/windowsmedia\/en\/Download\/default.asp?tcode=9#location2\" src=\"http:\/\/URL-de-la-Radio-Online\" name=\"MC1\" height=45 width=280 AutoStart=False ShowStatusBar=True ShowGotoBar=Talse TransparentAtStart=true bbclient=0\u0026gt;\u0026lt;\/EMBED\u0026gt;\u003C\/span\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E* En donde dice la URL de la radio online, pones la dirección de la emisora.\u003Cbr \/\u003E* Para que funcione debes cambiar: \u003Cstrong\u003EAutoStart=False\u003C\/strong\u003E por AutoStart=True. \u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003ENota:\u003C\/strong\u003E Por ejemplo, puedes poner el mouse sobre el reproductor, luego seguir los pasos anteriormente mencionados y verás que la dirección por donde se transmite la radio que estás escuchando es: \u003Cstrong\u003Ehttp:\/\/216.246.4.18\/asxfiles-live\/ny60winlive7001.asx\u003C\/strong\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"center\"\u003E\u003CEMBED type=\"application\/x-mplayer2\" pluginspage = \"http:\/\/www.microsoft.com\/windows\/windowsmedia\/en\/Download\/default.asp?tcode=9#location2\" src=\"http:\/\/216.246.4.18\/asxfiles-live\/ny60winlive7001.asx\" name=\"MC1\" height=53 width=\"280\" AutoStart=\"False\" ShowStatusBar=\"True\" ShowGotoBar=\"Talse\" TransparentAtStart=\"true\" bbclient=\"0\"\u003E\u003C\/EMBED\u003E\u003Cbr \/\u003EEstas escuchando Kiss Radio (España)\u003C\/div\u003E\u003Cbr \/\u003E\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/7019568193866190786\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/www.blogger.com\/comment.g?blogID=37094370\u0026postID=7019568193866190786\u0026isPopup=true","title":"98 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/7019568193866190786"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/7019568193866190786"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/2007\/10\/cmo-incluir-una-radio-online-en-el-blog.html","title":"¿Cómo incluir una Radio Online en el Blog? -74-"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/2.bp.blogspot.com\/_wIBBe1JWnPQ\/Rw7DNXQcShI\/AAAAAAAAAKg\/FgySHR6C59Y\/s72-c\/EmisoraOnline.jpg","height":"72","width":"72"},"thr$total":{"$t":"98"}},{"id":{"$t":"tag:blogger.com,1999:blog-37094370.post-4368060431868116167"},"published":{"$t":"2007-09-07T19:25:00.000-05:00"},"updated":{"$t":"2007-09-07T19:28:25.299-05:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Etiquetas"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Preguntas frecuentes"}],"title":{"type":"text","$t":"¿Como hacer una Nube de Etiquetas? -73-"},"content":{"type":"html","$t":"\u003Cdiv align=\"justify\"\u003EUna \u003Cstrong\u003Enube de etiquetas\u003C\/strong\u003E es una representación visual de las “etiquetas” o palabras clave usadas en un sitio web. Generalmente este listado de palabras se ordena alfabéticamente y con diferente tamaño según su relevancia.\u003Cbr \/\u003E\u003Cbr \/\u003EPara empezar a poner nuestra nube de etiquetas en el blog tenemos que \u003Ca href=\"http:\/\/ayudaparaelblog.blogspot.com\/2007\/04\/cmo-poner-etiquetas-en-blogger-50.html\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003Eetiquetar\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E todos nuestros post.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E1.\u003C\/strong\u003E Ir a diseño de la plantilla, luego a Edición de HTML y clic en Expandir plantillas de artilugios y tendrás que pegar entre \u0026lt;b:skin\u003E\u0026lt;![CDATA[ y ]]\u0026gt;\u0026lt;\/b:skin\u003E. Preferible que lo pegues casi al final (antes de ]]\u0026gt;\u0026lt;\/b:skin\u003E).\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\/* Label Cloud Styles\u003Cbr \/\u003E----------------------------------------------- *\/\u003Cbr \/\u003E#labelCloud {text-align:center;font-family:arial,sans-serif;}\u003Cbr \/\u003E#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}\u003Cbr \/\u003E#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}\u003Cbr \/\u003E#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}\u003Cbr \/\u003E#labelCloud a{text-decoration:none}\u003Cbr \/\u003E#labelCloud a:hover{text-decoration:underline}\u003Cbr \/\u003E#labelCloud li a{}\u003Cbr \/\u003E#labelCloud .label-cloud {}\u003Cbr \/\u003E#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}\u003Cbr \/\u003E#labelCloud .label-cloud li:before{content:\"\" !important}\u003C\/div\u003E\u003Cspan class=\"fullpost\"\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E2.\u003C\/strong\u003E Después agregar el siguiente código entre ]]\u0026gt;\u0026lt;\/b:skin\u003E y \u0026lt;\/head\u003E. Preferible que lo pegues casi al final (antes de \u0026lt;\/head\u003E).\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u0026lt;script type='text\/javascript'\u003E\u003Cbr \/\u003E\/\/ Label Cloud User Variables\u003Cbr \/\u003Evar lcBlogURL = 'http:\/\/ayudaparaelblog.blogspot.com';\u003Cbr \/\u003Evar maxFontSize = 20;\u003Cbr \/\u003Evar maxColor = [0,0,255];\u003Cbr \/\u003Evar minFontSize = 10;\u003Cbr \/\u003Evar minColor = [0,0,0];\u003Cbr \/\u003Evar lcShowCount = false;\u003Cbr \/\u003E\u0026lt;\/script\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E3.\u003C\/strong\u003E Buscar el widget con el id Label1 y con el title Etiquetas. Esto lo encuentras donde dice:\u003Cbr \/\u003E\u0026lt;div id='sidebar-wrapper'\u003E\u003Cbr \/\u003E\u003Cstrong\u003E\u0026lt;b:section class='sidebar' id='sidebar' preferred='yes'\u003E\u003C\/strong\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u0026lt;b:widget id='Label1' locked='false' title='Etiquetas' type='Label'\u003E\u003Cbr \/\u003E\u0026lt;b:includable id='main'\u003E\u003Cbr \/\u003E\u0026lt;b:if cond='data:title'\u003E\u003Cbr \/\u003E\u0026lt;h2\u003E\u0026lt;data:title\u003E\u0026lt;h2\u003E\u003Cbr \/\u003E\u0026lt;b:if\u003E\u003Cbr \/\u003E\u0026lt;div class='widget-content'\u003E\u003Cbr \/\u003E\u0026lt;ul\u003E\u003Cbr \/\u003E\u0026lt;b:loop values='data:labels' var='label'\u003E\u003Cbr \/\u003E\u0026lt;li\u003E\u003Cbr \/\u003E\u0026lt;b:if cond='data:blog.url == data:label.url'\u003E\u003Cbr \/\u003E\u0026lt;data:label.name\/\u003E\u003Cbr \/\u003E\u0026lt;b:else\/\u003E\u003Cbr \/\u003E\u0026lt;a expr:href='data:label.url'\u003E\u0026lt;?xml:namespace prefix = data \/\u003E\u003C?xml:namespace prefix = data \/\u003E\u003Cdata:label.name\u003E\u0026lt;\/data:label.name\u003E\u0026lt;\/a\u003E\u003Cbr \/\u003E\u0026lt;\/b:if\u003E\u003Cbr \/\u003E(\u0026lt;data:label.count\/\u003E)\u003Cbr \/\u003E\u0026lt;\/li\u003E\u003Cbr \/\u003E\u0026lt;\/b:loop\u003E\u003Cbr \/\u003E\u0026lt;\/ul\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;b:include name='quickedit'\/\u003E\u003Cbr \/\u003E\u0026lt;\/div\u003E\u003Cbr \/\u003E\u0026lt;\/b:includable\u003E\u003Cbr \/\u003E\u0026lt;\/b:widget\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u003Cstrong\u003E4.\u003C\/strong\u003E Una vez ubicado, tienes que reemplazar todo el código anterior por lo siguiente:\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u0026lt;b:widget id='Label1' locked='false' title='Label Cloud' type='Label'\u0026gt;\u003Cbr \/\u003E\u0026lt;b:includable id='main'\u0026gt;\u003Cbr \/\u003E  \u0026lt;b:if cond='data:title'\u0026gt;\u003Cbr \/\u003E    \u0026lt;h2\u0026gt;\u0026lt;data:title\/\u0026gt;\u0026lt;\/h2\u0026gt;\u003Cbr \/\u003E  \u0026lt;\/b:if\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E  \u0026lt;div class='widget-content'\u0026gt;\u003Cbr \/\u003E  \u0026lt;div id='labelCloud'\/\u0026gt;\u003Cbr \/\u003E\u0026lt;script type='text\/javascript'\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E\/\/ Do not change anything past this point -----------------\u003Cbr \/\u003Efunction s(a,b,i,x){\u003Cbr \/\u003E      if(a\u003Eb){\u003Cbr \/\u003E          var m=(a-b)\/Math.log(x),v=a-Math.floor(Math.log(i)*m)\u003Cbr \/\u003E             }\u003Cbr \/\u003E      else{\u003Cbr \/\u003E          var m=(b-a)\/Math.log(x),v=Math.floor(Math.log(i)*m+a)\u003Cbr \/\u003E          }\u003Cbr \/\u003E      return v\u003Cbr \/\u003E   }\u003Cbr \/\u003E\u003Cbr \/\u003Evar ta=0\u003Cbr \/\u003Evar c=[];\u003Cbr \/\u003Evar labelCount = new Array();  \u003Cbr \/\u003Evar ts = new Object;\u003Cbr \/\u003E\u0026lt;b:loop values='data:labels' var='label'\u0026gt;\u003Cbr \/\u003Evar theName = \"\u0026lt;data:label.name\/\u0026gt;\";\u003Cbr \/\u003Ets[theName] = \u0026lt;data:label.count\/\u0026gt;;\u003Cbr \/\u003E\u0026lt;\/b:loop\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003Efor (t in ts){\u003Cbr \/\u003E     if (!labelCount[ts[t]]){\u003Cbr \/\u003E           labelCount[ts[t]] = new Array(ts[t])\u003Cbr \/\u003E           }\u003Cbr \/\u003E        }\u003Cbr \/\u003Etz = labelCount.length-1;\u003Cbr \/\u003Elc2 = document.getElementById('labelCloud');\u003Cbr \/\u003Eul = document.createElement('ul');\u003Cbr \/\u003Eul.className = 'label-cloud';\u003Cbr \/\u003Efor(var t in ts){\u003Cbr \/\u003E    for (var i=0;3 \u003E i;i++) {\u003Cbr \/\u003E             c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)\u003Cbr \/\u003E              }      \u003Cbr \/\u003E         var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);\u003Cbr \/\u003E         li = document.createElement('li');\u003Cbr \/\u003E         li.style.fontSize = fs+'px';\u003Cbr \/\u003E         li.style.lineHeight = '1';\u003Cbr \/\u003E         a = document.createElement('a');\u003Cbr \/\u003E         a.title = ts[t]+' Posts in '+t;\u003Cbr \/\u003E         a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';\u003Cbr \/\u003E         a.href = lcBlogURL+'\/search\/label\/'+encodeURIComponent(t);\u003Cbr \/\u003E         if (lcShowCount){\u003Cbr \/\u003E             span = document.createElement('span');\u003Cbr \/\u003E             span.innerHTML = '('+ts[t]+') ';\u003Cbr \/\u003E             span.className = 'label-count';\u003Cbr \/\u003E             a.appendChild(document.createTextNode(t));\u003Cbr \/\u003E             li.appendChild(a);\u003Cbr \/\u003E             li.appendChild(span);\u003Cbr \/\u003E             }\u003Cbr \/\u003E          else {\u003Cbr \/\u003E             a.appendChild(document.createTextNode(t));\u003Cbr \/\u003E             li.appendChild(a);\u003Cbr \/\u003E             }\u003Cbr \/\u003E         ul.appendChild(li);\u003Cbr \/\u003E         abnk = document.createTextNode(' ');\u003Cbr \/\u003E         ul.appendChild(abnk);\u003Cbr \/\u003E    }\u003Cbr \/\u003E  lc2.appendChild(ul);    \u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;noscript\u0026gt;\u003Cbr \/\u003E    \u0026lt;ul\u0026gt;\u003Cbr \/\u003E    \u0026lt;b:loop values='data:labels' var='label'\u0026gt;\u003Cbr \/\u003E      \u0026lt;li\u0026gt;\u003Cbr \/\u003E        \u0026lt;b:if cond='data:blog.url == data:label.url'\u0026gt;\u003Cbr \/\u003E          \u0026lt;data:label.name\/\u0026gt;\u003Cbr \/\u003E        \u0026lt;b:else\/\u0026gt;\u003Cbr \/\u003E          \u0026lt;a expr:href='data:label.url'\u0026gt;\u0026lt;data:label.name\/\u0026gt;\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E        \u0026lt;\/b:if\u0026gt;\u003Cbr \/\u003E        (\u0026lt;data:label.count\/\u0026gt;)\u003Cbr \/\u003E      \u0026lt;\/li\u0026gt;\u003Cbr \/\u003E    \u0026lt;\/b:loop\u0026gt;\u003Cbr \/\u003E    \u0026lt;\/ul\u0026gt;\u003Cbr \/\u003E\u0026lt;\/noscript\u0026gt;\u003Cbr \/\u003E    \u0026lt;b:include name='quickedit'\/\u0026gt;\u003Cbr \/\u003E  \u0026lt;\/div\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;\/b:includable\u0026gt;\u003Cbr \/\u003E\u0026lt;\/b:widget\u0026gt;\u003C\/span\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003EExplicación del paso \u003Cstrong\u003ENº 2\u003C\/strong\u003E\u003Cbr \/\u003E\u003Cstrong\u003E-\u003C\/strong\u003E En lcBlogURL, se debe poner la dirección de tu blog.\u003Cbr \/\u003E \u003Cbr \/\u003E\u003Cstrong\u003E-\u003C\/strong\u003E En maxFontSize, podemos modificar el tamaño de la fuente mostrada.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E-\u003C\/strong\u003E En maxColor = [0,0,255], podemos modificar el color de la fuente mostrada.\u003Cbr \/\u003EPor ejemplo:\u003Cbr \/\u003E[255,0,0] = Rojo claro\u003Cbr \/\u003E[0,255,0] = Verde claro \u003Cbr \/\u003E[128,0,0] = Rojo oscuro\u003Cbr \/\u003E[0,128,0]= Verde oscuro\u003Cbr \/\u003E[0,0,128] = Azul oscuro\u003Cbr \/\u003EMas combinaciones de colores en \u003Ca href=\"http:\/\/users.rcn.com\/giant.interport\/COLOR\/ColorSpecifier.html\" target=\"_blank\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003EHYPE's Color Specifier\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E-\u003C\/strong\u003E En minFontSize, podemos modificar el tamaño de la fuente mostrada.\u003Cbr \/\u003E \u003Cbr \/\u003E\u003Cstrong\u003E-\u003C\/strong\u003E En minColor = [0,0,0], podemos modificar el color de la fuente mostrada.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E-\u003C\/strong\u003E En lcShowCount (true o false) .- Si es true se mostrará una  nube de etiquetas con el número de entradas que existen. Mientras que en false simplemente se vera una nube de etiquetas sin su respectivo número.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003ENota:\u003C\/strong\u003E \u003Cbr \/\u003E- Para que te resulte este truco  debes  tener como máximo más de 2 entradas en caso contrario no se mostrará.\u003C\/div\u003E\u003Cbr \/\u003E\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/4368060431868116167\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/www.blogger.com\/comment.g?blogID=37094370\u0026postID=4368060431868116167\u0026isPopup=true","title":"60 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/4368060431868116167"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/4368060431868116167"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/2007\/09\/como-hacer-una-nube-de-etiquetas-73.html","title":"¿Como hacer una Nube de Etiquetas? -73-"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"thr$total":{"$t":"60"}},{"id":{"$t":"tag:blogger.com,1999:blog-37094370.post-7894376862153401545"},"published":{"$t":"2007-08-18T13:35:00.000-05:00"},"updated":{"$t":"2008-12-08T18:31:45.384-05:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Etiquetas"}],"title":{"type":"text","$t":"Etiquetas (categorías o secciones) en forma de un menú de pestañas o solapas -72-"},"content":{"type":"html","$t":"\u003Cdiv align=\"justify\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/_wIBBe1JWnPQ\/RuHV5QQO4qI\/AAAAAAAAAKY\/kswZsnvFRjk\/s1600-h\/Menu.png\"\u003E\u003Cimg style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;\" src=\"http:\/\/3.bp.blogspot.com\/_wIBBe1JWnPQ\/RuHV5QQO4qI\/AAAAAAAAAKY\/kswZsnvFRjk\/s400\/Menu.png\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5107598632007164578\" \/\u003E\u003C\/a\u003EEn algunos sitios web encontramos un menú de pestañas en forma horizontal para una navegación mucho mejor. Probablemente para algunos es de bastante utilidad por su fácil y rápida navegación por la página.\u003Cbr \/\u003E\u003Cbr \/\u003EPara empezar a poner nuestro menú de pestañas en el blog tenemos que \u003Ca href=\"http:\/\/ayudaparaelblog.blogspot.com\/2007\/04\/cmo-poner-etiquetas-en-blogger-50.html\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003Eetiquetar\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E todos nuestros post.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E1.\u003C\/strong\u003E Ir a diseño de la plantilla, luego a Edición de HTML y clic en Expandir plantillas de artilugios y buscas lo siguiente:\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u0026lt;b:section class=\"header\" id=\"header\" maxwidgets=\"\u003Cstrong\u003E1\u003C\/strong\u003E\" showaddelement=\"\u003Cstrong\u003Eno\u003C\/strong\u003E\"\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E* Cambia los valores de mawidgets=\"\u003Cstrong\u003E2\u003C\/strong\u003E\" y showaddelement=\"\u003Cstrong\u003Eyes\u003C\/strong\u003E\".\u003C\/div\u003E\u003Cspan class=\"fullpost\"\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E2.\u003C\/strong\u003E Después buscas el widget con el id Label1 y con el title Etiquetas. Esto lo encuentras donde dice:\u003Cbr \/\u003E\u0026lt;div id='sidebar-wrapper'\u003E\u003Cbr \/\u003E\u003Cstrong\u003E\u0026lt;b:section class='sidebar' id='sidebar' preferred='yes'\u003E\u003C\/strong\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdivalign=\"left\"\u003E\u0026lt;b:widget id='Label1' locked='false' title='Etiquetas' type='Label'\u003E\u003Cbr \/\u003E\u0026lt;b:includable id='main'\u003E\u003Cbr \/\u003E\u0026lt;b:if cond='data:title'\u003E\u003Cbr \/\u003E\u0026lt;h2\u003E\u0026lt;data:title\u003E\u0026lt;h2\u003E\u003Cbr \/\u003E\u0026lt;b:if\u003E\u003Cbr \/\u003E\u0026lt;div class='widget-content'\u003E\u003Cbr \/\u003E\u0026lt;ul\u003E\u003Cbr \/\u003E\u0026lt;b:loop values='data:labels' var='label'\u003E\u003Cbr \/\u003E\u0026lt;li\u003E\u003Cbr \/\u003E\u0026lt;b:if cond='data:blog.url == data:label.url'\u003E\u003Cbr \/\u003E\u0026lt;data:label.name\/\u003E\u003Cbr \/\u003E\u0026lt;b:else\/\u003E\u003Cbr \/\u003E\u0026lt;a expr:href='data:label.url'\u003E\u0026lt;?xml:namespace prefix = data \/\u003E\u003C?xml:namespace prefix = data \/\u003E\u003Cdata:label.name\u003E\u0026lt;\/data:label.name\u003E\u0026lt;\/a\u003E\u003Cbr \/\u003E\u0026lt;\/b:if\u003E\u003Cbr \/\u003E(\u0026lt;data:label.count\/\u003E)\u003Cbr \/\u003E\u0026lt;\/li\u003E\u003Cbr \/\u003E\u0026lt;\/b:loop\u003E\u003Cbr \/\u003E\u0026lt;\/ul\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;b:include name='quickedit'\/\u003E\u003Cbr \/\u003E\u0026lt;\/div\u003E\u003Cbr \/\u003E\u0026lt;\/b:includable\u003E\u003Cbr \/\u003E\u0026lt;\/b:widget\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E3.\u003C\/strong\u003E Una vez ubicado, tienes que reemplazar todo el código anterior por lo siguiente:\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u0026lt;b:widget id='Label1' locked='false' title='' type='Label'\u0026gt;\u003Cbr \/\u003E\u0026lt;b:includable id='main'\u0026gt;\u003Cbr \/\u003E\u0026lt;div id='tabsE'\u0026gt;\u003Cbr \/\u003E\u0026lt;ul\u0026gt;\u003Cbr \/\u003E\u0026lt;li\u0026gt;\u0026lt;a expr:href='data:blog.homepageUrl'\u0026gt;\u0026lt;span\u0026gt;Inicio\u0026lt;\/span\u0026gt;\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\u003Cbr \/\u003E\u0026lt;b:loop values='data:labels' var='label'\u0026gt;\u003Cbr \/\u003E\u0026lt;li\u0026gt;\u0026lt;a expr:href='data:label.url'\u0026gt;\u0026lt;span\u0026gt;\u0026lt;data:label.name\/\u0026gt;\u0026lt;\/span\u0026gt;\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\u0026lt;\/b:loop\u0026gt;\u003Cbr \/\u003E\u0026lt;\/ul\u0026gt;\u003Cbr \/\u003E\u0026lt;!-- \u0026lt;b:include name='quickedit'\/\u0026gt; --\u0026gt;\u003Cbr \/\u003E\u0026lt;\/div\u0026gt;\u003Cbr \/\u003E\u0026lt;\/b:includable\u0026gt;\u003Cbr \/\u003E\u0026lt;\/b:widget\u0026gt;\u003C\/span\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E4.\u003C\/strong\u003E Seguimos en la Plantilla. El siguiente código lo deje para el último, porque se refiere estilo del menú, el cual se podrá realizar cambios, utilizando tu criterio.\u003Cbr \/\u003EEl código lo tendrás que pegar entre \u0026lt;b:skin\u0026gt;\u0026lt;![CDATA[ y ]]\u0026gt;\u0026lt;\/b:skin\u0026gt;. Preferible que lo pegues casi al final (antes de ]]\u0026gt;\u0026lt;\/b:skin\u0026gt;), porque puede ser que en algún momento, no quieras esto y se te va hacer mas fácil poder ubicarlo para borrarlo.\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\/*- Menu Tabs E--------------------------- *\/\u003Cbr \/\u003E\u003Cbr \/\u003E#tabsE {\u003Cbr \/\u003Efloat:left;\u003Cbr \/\u003Ewidth:100%;\u003Cbr \/\u003Ebackground:#000;\u003Cbr \/\u003Efont-size:93%;\u003Cbr \/\u003Eline-height:normal;\u003Cbr \/\u003E\u003Cbr \/\u003E}\u003Cbr \/\u003E#tabsE ul {\u003Cbr \/\u003Emargin:0;\u003Cbr \/\u003Epadding:10px 10px 0 50px;\u003Cbr \/\u003Elist-style:none;\u003Cbr \/\u003E}\u003Cbr \/\u003E#tabsE li {\u003Cbr \/\u003Edisplay:inline;\u003Cbr \/\u003Emargin:0;\u003Cbr \/\u003Epadding:0;\u003Cbr \/\u003E}\u003Cbr \/\u003E#tabsE a {\u003Cbr \/\u003Efloat:left;\u003Cbr \/\u003Ebackground:url(\"http:\/\/i151.photobucket.com\/albums\/s137\/andrewmusic1\/tableftE.gif\") no-repeat left top;\u003Cbr \/\u003Emargin:0;\u003Cbr \/\u003Epadding:0 0 0 4px;\u003Cbr \/\u003Etext-decoration:none;\u003Cbr \/\u003E}\u003Cbr \/\u003E#tabsE a span {\u003Cbr \/\u003Efloat:left;\u003Cbr \/\u003Edisplay:block;\u003Cbr \/\u003Ebackground:url(\"http:\/\/i151.photobucket.com\/albums\/s137\/andrewmusic1\/tabrightE.gif\") no-repeat right top;\u003Cbr \/\u003Epadding:5px 15px 4px 6px;\u003Cbr \/\u003Ecolor:#FFF;\u003Cbr \/\u003E}\u003Cbr \/\u003E\/* Commented Backslash Hack hides rule from IE5-Mac \\*\/\u003Cbr \/\u003E#tabsE a span {float:none;}\u003Cbr \/\u003E\/* End IE5-Mac hack *\/\u003Cbr \/\u003E#tabsE a:hover span {\u003Cbr \/\u003Ecolor:#FFF;\u003Cbr \/\u003E}\u003Cbr \/\u003E#tabsE a:hover {\u003Cbr \/\u003Ebackground-position:0% -42px;\u003Cbr \/\u003E}\u003Cbr \/\u003E#tabsE a:hover span {\u003Cbr \/\u003Ebackground-position:100% -42px;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003EEn donde dice:\u003Cbr \/\u003E#tabsE ul {\u003Cbr \/\u003Emargin:0;\u003Cbr \/\u003Epadding:10px 10px 0 \u003Cstrong\u003E50px\u003C\/strong\u003E;\u003Cbr \/\u003Eel número 50 se refiere al posicionamiento, es decir moverlo hacia la izquierda, por ejemplo cambialo a 0 y mira lo que pasa.\u003Cbr \/\u003ELuego mas abajo dice: padding:\u003Cstrong\u003E5px\u003C\/strong\u003E 15px 4px 6px;\u003Cbr \/\u003Eel número 5 se refiere al espacio, por ejemplo cambailo a 0 y mira lo que pasa.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003ENota:\u003C\/strong\u003E Te voy a proporcionar algunos estilos de menú que he subido a Photobucket para que lo utilices en tu blog. Pero al utilizar algún estilo, tendrás que hacer una simple modificación.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ca href=\"http:\/\/andrewhonors.googlepages.com\/TabsA.txt\" target=\"_blank\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003ETabs A\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E Color de las Tabs: Blancas\u003Cbr \/\u003E\u003Ca href=\"http:\/\/andrewhonors.googlepages.com\/TabsB.txt\" target=\"_blank\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003ETabs B\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E Color de las Tabs: \u003Cspan style=\"color:#cccccc;\"\u003EGrises\u003C\/span\u003E\u003Cbr \/\u003E\u003Ca href=\"http:\/\/andrewhonors.googlepages.com\/TabsC.txt\" target=\"_blank\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003ETabs C\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E Color de las Tabs: \u003Cspan style=\"color:#009900;\"\u003EVerdes\u003C\/span\u003E\u003Cbr \/\u003E\u003Ca href=\"http:\/\/andrewhonors.googlepages.com\/TabsD.txt\" target=\"_blank\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003ETabs D\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E Color de las Tabs: \u003Cspan style=\"color:#ffcccc;\"\u003ERosas\u003Cbr \/\u003E\u003C\/span\u003E\u003Cspan style=\"color:#3333ff;\"\u003ETabs E\u003C\/span\u003E Color de las Tabs: \u003Cspan style=\"color:#ff0000;\"\u003ERojas\u003C\/span\u003E\u003Cbr \/\u003E\u003Ca href=\"http:\/\/andrewhonors.googlepages.com\/TabsF.txt\" target=\"_blank\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003ETabs F\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E Color de las Tabs: \u003Cspan style=\"color:#66cccc;\"\u003E\u003Cspan style=\"color:#33ccff;\"\u003ECeleste\u003C\/span\u003E\u003Cbr \/\u003E\u003C\/span\u003E\u003Ca href=\"http:\/\/andrewhonors.googlepages.com\/TabsG.txt\" target=\"_blank\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003ETabs G\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E Color de las Tabs: \u003Cspan style=\"color:#3333ff;\"\u003EAzules \u003C\/span\u003E\u003Cbr \/\u003E\u003Ca href=\"http:\/\/andrewhonors.googlepages.com\/TabsH.txt\" target=\"_blank\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003ETabs H\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E Color de las Tabs: \u003Cstrong\u003ENegras\u003C\/strong\u003E\u003Cbr \/\u003E\u003Ca href=\" http:\/\/andrewhonors.googlepages.com\/TabsI.txt\" target=\"_blank\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003ETabs I\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E Color de las Tabs: \u003Cspan style=\"color:#ff6600;\"\u003ENaranjas\u003C\/span\u003E\u003Cbr \/\u003E\u003Ca href=\"http:\/\/andrewhonors.googlepages.com\/TabsJ.txt\" target=\"_blank\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003ETabs J\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E Color de las Tabs: Cristal\u003Cbr \/\u003E\u003Ca href=\"http:\/\/andrewhonors.googlepages.com\/TabsK.txt\" target=\"_blank\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003ETabs K\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E Color de las Tabs: Cafe\u003Cbr \/\u003E\u003Cbr \/\u003EPor ejemplo, si utilizas el estilo A, entonces te vas al \u003Cstrong\u003Epaso 2\u003C\/strong\u003E y en \u0026lt;div id='tabsF'\u003E le cambias el id por el estilo que haz escogido. En este caso hemos escogido el estilo A entonces seria, \u0026lt;div id='tabsA'\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E5. Finalmente cuando vas a guardar los cambios te saldrá probablemente un mensaje:\u003Cbr \/\u003E\u003Cspan style=\"color:#ff0000;\"\u003EEstán a punto de suprimirse los artilugios\u003Cbr \/\u003E\u003C\/span\u003E\u003Cspan style=\"color:#990000;\"\u003EPor favor, confirma que los siguientes artilugios deben borrarse. Se borrará toda la información de configuración de los artilugios.\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"color:#990000;\"\u003E• Label1\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"color:#ff6600;\"\u003EConfirmar y guardar\u003C\/span\u003E\u003Cbr \/\u003ESimplemente guardas y confirmas.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003ENota:\u003C\/strong\u003E Para que resulte todo esto debes irte a \u003Cstrong\u003EElementos de la página\u003C\/strong\u003E y arrastrar \u003Cstrong\u003EEtiquetas\u003C\/strong\u003E poniendolo debajo de la cabecera.\u003C\/div\u003E\u003Cbr \/\u003E\u003C\/span\u003E\u003Cbr \/\u003E\u003C\/data:label.name\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/7894376862153401545\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/www.blogger.com\/comment.g?blogID=37094370\u0026postID=7894376862153401545\u0026isPopup=true","title":"136 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/7894376862153401545"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/7894376862153401545"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/2007\/08\/etiquetas-categoras-o-secciones-en.html","title":"Etiquetas (categorías o secciones) en forma de un menú de pestañas o solapas -72-"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/3.bp.blogspot.com\/_wIBBe1JWnPQ\/RuHV5QQO4qI\/AAAAAAAAAKY\/kswZsnvFRjk\/s72-c\/Menu.png","height":"72","width":"72"},"thr$total":{"$t":"136"}},{"id":{"$t":"tag:blogger.com,1999:blog-37094370.post-9195979790946384122"},"published":{"$t":"2007-07-09T12:40:00.000-05:00"},"updated":{"$t":"2008-12-08T18:31:46.017-05:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Plantillas"}],"title":{"type":"text","$t":"Plantillas con una 2da Sidebar (3 columnas) -71-"},"content":{"type":"html","$t":"\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E1.\u003C\/strong\u003E Para usar estas plantillas tienes que descargar el documento y copiar el código que se te brinda.\u003Cbr \/\u003E\u003Cstrong\u003E2.\u003C\/strong\u003E Ir al blog. Tienes que ir a diseño de plantilla, después a \u003Cstrong\u003EEdición de HTML\u003C\/strong\u003E (no necesitas Expandir plantillas de artilugios) y automáticamente te muestra el código de la plantilla que usas actualmente.\u003Cbr \/\u003E\u003Cstrong\u003E3.\u003C\/strong\u003E Selecciona todo el código y bórralo.  Ahora pega el código que ya tenías copiado (la nueva plantilla).\u003Cbr \/\u003E\u003Cstrong\u003E4.\u003C\/strong\u003E Guarda los cambios. Reconstruye tu blog y listo.\u003C\/div\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv align=\"center\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/_wIBBe1JWnPQ\/RpJoTwFg48I\/AAAAAAAAAJ4\/DGHCjJ-h-ac\/s1600-h\/PruebaBlog0.JPG\"\u003E\u003Cimg id=\"BLOGGER_PHOTO_ID_5085241617789543362\" style=\"DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center\" alt=\"\" src=\"http:\/\/4.bp.blogspot.com\/_wIBBe1JWnPQ\/RpJoTwFg48I\/AAAAAAAAAJ4\/DGHCjJ-h-ac\/s400\/PruebaBlog0.JPG\" border=\"0\" \/\u003E\u003C\/a\u003E\u003Cstrong\u003EMinima\u003C\/strong\u003E \u003Ca href=\"http:\/\/www.fileden.com\/files\/2006\/12\/10\/493922\/Minima.zip\" target=\"_blank\"\u003E\u003Cspan style=\"color:#ff6600;\"\u003E\u003Cstrong\u003E\u003Cu\u003EDescargar\u003C\/u\u003E\u003C\/strong\u003E\u003C\/span\u003E\u003C\/a\u003E\u003Cbr \/\u003E\u003Cstrong\u003EMinima Black\u003C\/strong\u003E \u003Ca href=\"http:\/\/andrewhonors.googlepages.com\/MinimaBlack1.xml\" target=\"_blank\"\u003E\u003Cspan style=\"color:#ff6600;\"\u003E\u003Cstrong\u003E\u003Cu\u003EDescargar\u003C\/u\u003E\u003C\/strong\u003E\u003C\/span\u003E\u003C\/a\u003E\u003Cbr \/\u003E\u003Cstrong\u003EMinima Blue\u003C\/strong\u003E \u003Ca href=\"http:\/\/andrewhonors.googlepages.com\/MinimaBlue2.xml\" target=\"_blank\"\u003E\u003Cspan style=\"color:#ff6600;\"\u003E\u003Cstrong\u003E\u003Cu\u003EDescargar\u003C\/u\u003E\u003C\/strong\u003E\u003C\/span\u003E\u003C\/a\u003E\u003Cbr \/\u003E\u003Cstrong\u003EMinima Ochre\u003C\/strong\u003E \u003Ca href=\"http:\/\/andrewhonors.googlepages.com\/MinimaOchre3.xml\" target=\"_blank\"\u003E\u003Cspan style=\"color:#ff6600;\"\u003E\u003Cstrong\u003E\u003Cu\u003EDescargar\u003C\/u\u003E\u003C\/strong\u003E\u003C\/span\u003E\u003C\/a\u003E\u003Cbr \/\u003E\u003Cspan class=\"fullpost\"\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/_wIBBe1JWnPQ\/RpJp4QFg49I\/AAAAAAAAAKA\/FJINSta-IMI\/s1600-h\/PruebaBlog01.JPG\"\u003E\u003Cimg id=\"BLOGGER_PHOTO_ID_5085243344366396370\" style=\"DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center\" alt=\"\" src=\"http:\/\/2.bp.blogspot.com\/_wIBBe1JWnPQ\/RpJp4QFg49I\/AAAAAAAAAKA\/FJINSta-IMI\/s400\/PruebaBlog01.JPG\" border=\"0\" \/\u003E\u003C\/a\u003E\u003Cstrong\u003EMinima\u003C\/strong\u003E \u003Ca href=\"http:\/\/andrewhonors.googlepages.com\/Minima.xml\" target=\"_blank\"\u003E\u003Cspan style=\"color:#ff6600;\"\u003E\u003Cstrong\u003E\u003Cu\u003EDescargar\u003C\/u\u003E\u003C\/strong\u003E\u003C\/span\u003E\u003C\/a\u003E\u003Cbr \/\u003E\u003Cstrong\u003EMinima Black\u003C\/strong\u003E \u003Ca href=\"http:\/\/andrewhonors.googlepages.com\/MinimaBlack.xml\" target=\"_blank\"\u003E\u003Cspan style=\"color:#ff6600;\"\u003E\u003Cstrong\u003E\u003Cu\u003EDescargar\u003C\/u\u003E\u003C\/strong\u003E\u003C\/span\u003E\u003C\/a\u003E\u003Cbr \/\u003E\u003Cstrong\u003EMinima Blue\u003C\/strong\u003E \u003Ca href=\"http:\/\/andrewhonors.googlepages.com\/MinimaBlue.xml\" target=\"_blank\"\u003E\u003Cspan style=\"color:#ff6600;\"\u003E\u003Cstrong\u003E\u003Cu\u003EDescargar\u003C\/u\u003E\u003C\/strong\u003E\u003C\/span\u003E\u003C\/a\u003E\u003Cbr \/\u003E\u003Cstrong\u003EMinima Ochre\u003C\/strong\u003E \u003Ca href=\"http:\/\/andrewhonors.googlepages.com\/MinimaOchre.xml\" target=\"_blank\"\u003E\u003Cspan style=\"color:#ff6600;\"\u003E\u003Cstrong\u003E\u003Cu\u003EDescargar\u003C\/u\u003E\u003C\/strong\u003E\u003C\/span\u003E\u003C\/a\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/_wIBBe1JWnPQ\/RpJqyQFg4-I\/AAAAAAAAAKI\/kzr-E7JykkM\/s1600-h\/PruebaBlog1.JPG\"\u003E\u003Cimg id=\"BLOGGER_PHOTO_ID_5085244340798809058\" style=\"DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center\" alt=\"\" src=\"http:\/\/2.bp.blogspot.com\/_wIBBe1JWnPQ\/RpJqyQFg4-I\/AAAAAAAAAKI\/kzr-E7JykkM\/s400\/PruebaBlog1.JPG\" border=\"0\" \/\u003E\u003C\/a\u003E\u003Cstrong\u003EDenim\u003C\/strong\u003E \u003Ca href=\"http:\/\/andrewhonors.googlepages.com\/Denim.xml\" target=\"_blank\"\u003E\u003Cspan style=\"color:#ff6600;\"\u003E\u003Cstrong\u003E\u003Cu\u003EDescargar\u003C\/u\u003E\u003C\/strong\u003E\u003C\/span\u003E\u003C\/a\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/_wIBBe1JWnPQ\/RpJrOAFg4_I\/AAAAAAAAAKQ\/vSydOf2ZNtY\/s1600-h\/PruebaBlog2.JPG\"\u003E\u003Cimg id=\"BLOGGER_PHOTO_ID_5085244817540178930\" style=\"DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center\" alt=\"\" src=\"http:\/\/1.bp.blogspot.com\/_wIBBe1JWnPQ\/RpJrOAFg4_I\/AAAAAAAAAKQ\/vSydOf2ZNtY\/s400\/PruebaBlog2.JPG\" border=\"0\" \/\u003E\u003C\/a\u003E\u003Cstrong\u003EDenim\u003C\/strong\u003E \u003Ca href=\"http:\/\/andrewhonors.googlepages.com\/Denim4.xml\" target=\"_blank\"\u003E\u003Cspan style=\"color:#ff6600;\"\u003E\u003Cstrong\u003E\u003Cu\u003EDescargar\u003C\/u\u003E\u003C\/strong\u003E\u003C\/span\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003ENota:\u003C\/strong\u003E Poco a poco estre subiendo las demás.\u003Cbr \/\u003E\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/9195979790946384122\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/www.blogger.com\/comment.g?blogID=37094370\u0026postID=9195979790946384122\u0026isPopup=true","title":"112 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/9195979790946384122"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/9195979790946384122"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/2007\/07\/plantillas-con-una-segunda-sidebar-o-3.html","title":"Plantillas con una 2da Sidebar (3 columnas) -71-"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/4.bp.blogspot.com\/_wIBBe1JWnPQ\/RpJoTwFg48I\/AAAAAAAAAJ4\/DGHCjJ-h-ac\/s72-c\/PruebaBlog0.JPG","height":"72","width":"72"},"thr$total":{"$t":"112"}},{"id":{"$t":"tag:blogger.com,1999:blog-37094370.post-3960135229022150505"},"published":{"$t":"2007-06-30T21:12:00.000-05:00"},"updated":{"$t":"2008-12-08T18:31:46.317-05:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Navbar"}],"title":{"type":"text","$t":"Ocultar\/Mostrar la barra de navegación de Blogger (2) -70-"},"content":{"type":"html","$t":"\u003Cp align=\"center\"\u003EAcerca el mouse aquí abajo para que aparezca la imagen y alejalo para que desaparezca.\u003Cbr \/\u003E\u003Cimg src=\"http:\/\/1.bp.blogspot.com\/_Shc5vo0-mCI\/Rl3Mc3X64fI\/AAAAAAAAABQ\/RUXEZID-it4\/s320\/nav03.jpg\" border=\"0\" alt=\"\" id=\"mousetest\" onmouseover=\"new Effect.Opacity('mousetest', {duration:0.5, from:0.0, to:1.0});\" onmouseout=\"new Effect.Opacity('mousetest', {duration:0.5, from:1.0, to:0.0});\" \/\u003E\u003C\/p\u003E\u003Cdiv align=\"justify\"\u003EConsiste en ocultar la barra de navegación y mostrarla cuando se coloca el mouse en la parte superior del blog o página.\u003Cbr \/\u003E\u003Cspan class=\"fullpost\"\u003E \u003Cbr \/\u003EAsí que para ocultar esta barra tendrás que hacer lo siguiente:\u003Cbr \/\u003E\u003Cstrong\u003E-\u003C\/strong\u003E Ir a Plantilla, después a Edición de HTML (no necesitas Expandir plantillas de artilugios) y agregas el siguiente código entre ]]\u0026gt;\u0026lt;\/b:skin\u003E y \u0026lt;\/head\u003E.\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u0026lt;script src='http:\/\/wiki.script.aculo.us\/javascripts\/prototype.js' type='text\/javascript'\/\u0026gt;\u003Cbr \/\u003E\u0026lt;script src='http:\/\/wiki.script.aculo.us\/javascripts\/scriptaculous.js?load=effects' type='text\/javascript'\/\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;script type='text\/javascript'\u0026gt;\u003Cbr \/\u003Efunction navbarShow() {  \u003Cbr \/\u003Enew Effect.Opacity('navbar-iframe', {duration:0.5, from:0.0, to:1.0});\u003Cbr \/\u003E}\u003Cbr \/\u003Efunction navbarHide() {  \u003Cbr \/\u003Enew Effect.Opacity('navbar-iframe', {duration:0.5, from:1.0, to:0.0});\u003Cbr \/\u003E}\u003Cbr \/\u003Efunction navbarHack() {  \u003Cbr \/\u003EEvent.observe('navbar-iframe', 'mouseover', navbarShow, false);  \u003Cbr \/\u003EEvent.observe('navbar-iframe', 'mouseout', navbarHide, false);  \u003Cbr \/\u003EnavbarHide();\u003Cbr \/\u003E}\u003Cbr \/\u003EEvent.observe(window, 'load', navbarHack, false);\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003C\/span\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"jsutify\"\u003E\u003Cspan style=\"color:#cc0000;\"\u003EVía:\u003C\/span\u003E \u003Ca href=\"http:\/\/hodavame.blogspot.com\/2007\/05\/jugando-con-la-navbar-4-ocultarmostrar.html\" target=\"_blank\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003EHodavame\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/3960135229022150505\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/www.blogger.com\/comment.g?blogID=37094370\u0026postID=3960135229022150505\u0026isPopup=true","title":"60 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/3960135229022150505"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/3960135229022150505"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/2007\/06\/ocultarmostrar-la-barra-de-navegacin-de.html","title":"Ocultar\/Mostrar la barra de navegación de Blogger (2) -70-"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/1.bp.blogspot.com\/_Shc5vo0-mCI\/Rl3Mc3X64fI\/AAAAAAAAABQ\/RUXEZID-it4\/s72-c\/nav03.jpg","height":"72","width":"72"},"thr$total":{"$t":"60"}},{"id":{"$t":"tag:blogger.com,1999:blog-37094370.post-4928730304179838292"},"published":{"$t":"2007-06-26T15:20:00.000-05:00"},"updated":{"$t":"2008-12-08T18:31:46.481-05:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Menú desplegable"}],"title":{"type":"text","$t":"Menú desplegable, un simple botón (2) -69-"},"content":{"type":"html","$t":"\u003Cdiv align=\"justify\"\u003E Este menú desplegable consiste en hacer clic al botón y se muestra una lista de opciones.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E1.\u003C\/strong\u003E Ir a diseño de la plantilla. Después clic en Edición de HTML (no Expandir plantillas de artilugios) y agregas el siguiente código entre \u0026lt;b:skin\u003E\u0026lt;![CDATA[ y ]]\u003E\u0026lt;\/b:skin\u003E. Preferible que lo pegues casi al final (antes de ]]\u0026gt;\u0026lt;\/b:skin\u003E)\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E.texthidden {\u003Cbr \/\u003Edisplay:inline\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E.shown {\u003Cbr \/\u003Edisplay:block\u003Cbr \/\u003E}\u003C\/div\u003E\u003Cspan class=\"fullpost\"\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E2.\u003C\/strong\u003E Entre ]]\u003E\u0026lt;\/b:skin\u003E y \u0026lt;\/head\u003E agregar lo siguiente:\u003C\/div\u003E \u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u0026lt;script src='http:\/\/andrewhonors.googlepages.com\/fecha.js' type='text\/javascript'\/\u0026gt;\u003C\/span\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E-\u003C\/strong\u003E Guardar cambios.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E3.\u003C\/strong\u003E Ir a Elementos de la página, clic en Añadir un elemento de página y seleccionar HTML\/Javascript. Ahí tendrán que agregar el siguiente código:\u003C\/div\u003E  \u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u0026lt;a href=\"javascript:void(0);\" onclick=\"expandcollapse('musica')\"\u0026gt;\u0026lt;img border=\"0\" src=\"http:\/\/dirección-de-la-imagen-del-botón\"\/\u0026gt;\u0026lt;\/a\u0026gt;\u0026lt;br\/\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;ul id=\"musica\" class=\"texthidden\"\u0026gt;\u003Cbr \/\u003E\u0026lt;li\u003E\u0026lt;a href=\"http:\/\/www.radioblogclub.com\/\" target=\"_blank\"\u0026gt;Radio Blog\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\u003Cbr \/\u003E\u0026lt;li\u003E\u0026lt;a href=\"http:\/\/www.goear.com\/index.php\" target=\"_blank\"\u0026gt;Goear\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\u0026lt;\/ul\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;a href=\"javascript:void(0);\" onclick=\"expandcollapse('video')\"\u0026gt;\u0026lt;img border=\"0\" src=\"http:\/\/dirección-de-la-imagen-del-botón\"\/\u0026gt;\u0026lt;\/a\u0026gt;\u0026lt;br\/\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;ul id=\"video\" class=\"texthidden\"\u0026gt;\u003Cbr \/\u003E\u0026lt;li\u003E\u0026lt;a href=\"http:\/\/www.youtube.com\/\" target=\"_blank\"\u0026gt;Youtube\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\u003Cbr \/\u003E\u0026lt;li\u003E\u0026lt;a href=\"http:\/\/www.veoh.com\/\" target=\"_blank\"\u0026gt;Veoh\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\u0026lt;\/ul\u0026gt;\u003C\/span\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E**\u003C\/strong\u003EComo punto de partida hemos hecho un menú de \u003Cstrong\u003Emúsica\u003C\/strong\u003E en el que aparece una lista: Radio Blog y Goear. Además, hay un menú de \u003Cstrong\u003Evideo\u003C\/strong\u003E en el que aparece: You Tube y Veoh\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E-\u003C\/strong\u003E En esta parte de código puedes repetirla cuantas veces quieras, ustedes tendrán que armarlo a su gusto.\u003Cbr \/\u003E\u003Cstrong\u003E-\u003C\/strong\u003E Solo tendrán que agregar el botón, la dirección de la página con su respectivo nombre. \u003Cbr \/\u003E- Además, puedes añadir una imagen justo antes del texto que aparece la lista.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003EExplicación:\u003C\/strong\u003E\u003Cbr \/\u003E- Si por ejemplo, a parte de música deseamos poner video entonces al crear otro botón, en expandcollapse('musica') cambiamos en donde dice música por video. Además, el id=”música” lo modificamos por video.\u003Cbr \/\u003E- En \u0026lt;img border=\"0\" src=\"http:\/\/direccion-de-la-imagen\"\/\u003E, viene hacer la imagen del botón.\u003Cbr \/\u003E- En donde dice Radio Blog, Goear, You Tube, vienen a ser una lista.\u003Cbr \/\u003E-  En \u0026lt;a href=\"http:\/\/www.radioblogclub.com\/\" target=\"_blank\"\u003E, viene hacer el enlace de la página enlazada.\u003Cbr \/\u003E\u003Cbr \/\u003EEjemplo:\u003Cbr \/\u003E\u003Cimg style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;\" src=\"http:\/\/2.bp.blogspot.com\/_wIBBe1JWnPQ\/RoFuvoB0xOI\/AAAAAAAAAJo\/g9ks5E94OOE\/s320\/Blogs.JPG\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5080463619128607970\" \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003ECrear botones en \u003Ca href=\"http:\/\/www.buttonator.com\/\" target=\"_blank\"\u003E\u003Cspan style=\"color:#ff6600;\"\u003E\u003Cu\u003EButtonator\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"color:#cc0000;\"\u003EVía:\u003C\/span\u003E \u003Ca href=\"http:\/\/www.consumingexperience.com\/2006\/01\/how-to-include-categories-for-your.html\" target=\"_blank\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003EA Consuming Experience\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/4928730304179838292\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/www.blogger.com\/comment.g?blogID=37094370\u0026postID=4928730304179838292\u0026isPopup=true","title":"37 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/4928730304179838292"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/4928730304179838292"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/2007\/06\/men-desplegable-un-simple-botn-2-69.html","title":"Menú desplegable, un simple botón (2) -69-"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/2.bp.blogspot.com\/_wIBBe1JWnPQ\/RoFuvoB0xOI\/AAAAAAAAAJo\/g9ks5E94OOE\/s72-c\/Blogs.JPG","height":"72","width":"72"},"thr$total":{"$t":"37"}},{"id":{"$t":"tag:blogger.com,1999:blog-37094370.post-5332491989629783119"},"published":{"$t":"2007-06-18T23:00:00.000-05:00"},"updated":{"$t":"2008-12-08T18:31:46.618-05:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger (nuevo)"}],"title":{"type":"text","$t":"Agregar Emoticones en el blog -68-"},"content":{"type":"html","$t":"\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003EEmoticones\u003C\/strong\u003E.- Son figuras construidas con caracteres ortográficos, para expresar gestos o emociones en los mensajes enviados y los usuarios las utilizan diariamente en su chat. Algunas de las más usuales son:\u003Cbr \/\u003E\u003Cimg style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;\" src=\"http:\/\/1.bp.blogspot.com\/_wIBBe1JWnPQ\/RngBVoB0xMI\/AAAAAAAAAJY\/NF-A1zep788\/s200\/emoticones.bmp\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5077810050894185666\" \/\u003E\u003Cspan class=\"fullpost\"\u003E \u003Cstrong\u003E1.\u003C\/strong\u003E Ir a diseño de la plantilla. Después clic en Edición de HTML (no Expandir plantillas de artilugios) y agregas el siguiente código entre \u0026lt;head\u003E y \u0026lt;\/head\u003E. Preferible que lo pegues casi al final (antes de \u0026lt;\/head\u003E), porque puede ser que en algún momento, no quieras esto y se te va hacer más fácil poder ubicarlo para borrarlo.\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u0026lt;script src='http:\/\/benjamin0331.googlepages.com\/addSmiley.js' type='text\/javascript'\/\u0026gt;\u003C\/span\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E2.\u003C\/strong\u003E  Entre \u0026lt;b:skin\u003E\u0026lt;![CDATA[ y ]]\u0026gt;\u0026lt;\/b:skin\u003E agregar lo siguiente:\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E.post-body img#new {\u003Cbr \/\u003Emargin:0;\u003Cbr \/\u003Epadding:0;\u003Cbr \/\u003Eborder:none;\u003Cbr \/\u003E}\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E*\u003C\/strong\u003E Esto es para evitar que los Emoticonos se desplacen o se vean con un borde.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E-\u003C\/strong\u003E Los emoticones se verán en los post (entradas) y en los comentarios cuando están expandidos. Una vez que el blog acabe de cargar aparecerán los emoticonos.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003ENota:\u003C\/strong\u003E Estos emoticones te funcionan bien si es que \u003Cstrong\u003Eno\u003C\/strong\u003E utilizas el Leer Más (Entradas ampliables).\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cspan style=\"color:#cc0000;\"\u003EVía:\u003C\/span\u003E \u003Ca href=\"http:\/\/ibenjamin.blogspot.com\/2007\/01\/blog-post_07.html\" target=\"_blank\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003EBen's\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/5332491989629783119\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/www.blogger.com\/comment.g?blogID=37094370\u0026postID=5332491989629783119\u0026isPopup=true","title":"27 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/5332491989629783119"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/5332491989629783119"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/2007\/06\/agregar-emoticones-en-el-blog.html","title":"Agregar Emoticones en el blog -68-"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/1.bp.blogspot.com\/_wIBBe1JWnPQ\/RngBVoB0xMI\/AAAAAAAAAJY\/NF-A1zep788\/s72-c\/emoticones.bmp","height":"72","width":"72"},"thr$total":{"$t":"27"}},{"id":{"$t":"tag:blogger.com,1999:blog-37094370.post-4018362245482829428"},"published":{"$t":"2007-06-17T00:12:00.000-05:00"},"updated":{"$t":"2008-12-08T18:31:46.780-05:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger (nuevo)"}],"title":{"type":"text","$t":"Cambiar el color de fondo de los comentarios -67-"},"content":{"type":"html","$t":"\u003Cdiv align=\"justify\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/_wIBBe1JWnPQ\/RnS_o4B0xKI\/AAAAAAAAAJI\/8jh4YsN-_E0\/s1600-h\/Comments.JPG\"\u003E\u003Cimg style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;\" src=\"http:\/\/2.bp.blogspot.com\/_wIBBe1JWnPQ\/RnS_o4B0xKI\/AAAAAAAAAJI\/8jh4YsN-_E0\/s320\/Comments.JPG\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5076893388909102242\" \/\u003E\u003C\/a\u003EConsiste en agregar un color de fondo a los comentarios, el cual puedes asignar un color de fondo para el autor del blog (un color de texto también) y otro para el autor de los otros blogs. \u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E1.\u003C\/strong\u003E Ir a diseño de la Plantilla, luego a Edición de HTML y clic en Expandir plantillas de artilugios. Buscar el id ='comments-block'.\u003C\/div\u003E\u003Cbr \/\u003E\u003Cspan class=\"fullpost\"\u003E\u003Cdiv align=\"left\"\u003E\u0026lt;dl id='comments-block'\u003E\u003Cbr \/\u003E        \u0026lt;b:loop values='data:post.comments' var='comment'\u003E\u003Cbr \/\u003E          \u0026lt;dt class='comment-author' expr:id='\"comment-\" + data:comment.id'\u003E\u003Cbr \/\u003E            \u0026lt;a expr:name='\"comment-\" + data:comment.id'\/\u003E\u003Cbr \/\u003E            \u0026lt;b:if cond='data:comment.authorUrl'\u003E\u003Cbr \/\u003E              \u0026lt;a expr:href='data:comment.authorUrl' rel='nofollow'\u003E\u003Cdata:comment.author\/\u003E\u0026lt;\/a\u003E\u003Cbr \/\u003E            \u0026lt;b:else\/\u003E\u003Cbr \/\u003E              \u0026lt;data:comment.author\/\u003E\u003Cbr \/\u003E            \u0026lt;\/b:if\u003E\u003Cbr \/\u003E            \u0026lt;data:commentPostedByMsg\/\u003E\u003Cbr \/\u003E          \u0026lt;\/dt\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"color:#ff0000;\"\u003E\u0026lt;b:if cond='data:comment.author == data:post.author'\u0026gt;\u003Cbr \/\u003E          \u0026lt;dd class='comment-body-author'\u0026gt;\u003Cbr \/\u003E            \u0026lt;p\u003E\u0026lt;data:comment.body\/\u0026gt;\u0026lt;\/p\u0026gt;\u003Cbr \/\u003E          \u0026lt;\/dd\u0026gt;\u003Cbr \/\u003E        \u0026lt;b:else\/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E          \u0026lt;dd class='comment-body'\u003E\u003Cbr \/\u003E            \u0026lt;b:if cond='data:comment.isDeleted'\u003E\u003Cbr \/\u003E              \u0026lt;span class='deleted-comment'\u003E\u0026lt;data:comment.body\/\u003E\u0026lt;\/span\u003E\u003Cbr \/\u003E            \u0026lt;b:else\/\u003E\u003Cbr \/\u003E              \u0026lt;p\u003E\u0026lt;data:comment.body\/\u003E\u0026lt;\/p\u003E\u003Cbr \/\u003E            \u0026lt;\/b:if\u003E\u003Cbr \/\u003E          \u0026lt;\/dd\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"color:#ff0000;\"\u003E\u0026lt;\/b:if\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;dd class='comment-footer'\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E*\u003C\/strong\u003E Agregar lo que está de color rojo.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E3.\u003C\/strong\u003E Seguimos en la plantilla. Entre \u0026lt;b:skin\u003E\u0026lt;![CDATA[ y ]]\u0026gt;\u0026lt;\/b:skin\u003E buscar lo siguiente (estilo del comentario):\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\/* Comments\u003Cbr \/\u003E----------------------------------------------- *\/\u003Cbr \/\u003E\u003Cstrong\u003E#comments h4 {\u003C\/strong\u003E\u003Cbr \/\u003E  margin: 1em 0;\u003Cbr \/\u003E  color: $dateHeaderColor;\u003Cbr \/\u003E}\u003Cbr \/\u003E#comments h4 strong {\u003Cbr \/\u003E  font-size: 110%;\u003Cbr \/\u003E}\u003Cbr \/\u003ESigue más código de estilo\u003Cbr \/\u003E…..\u003Cbr \/\u003E…..\u003Cbr \/\u003E….\u003Cbr \/\u003E\u003Cstrong\u003E.deleted-comment {\u003C\/strong\u003E\u003Cbr \/\u003E font-style:italic;\u003Cbr \/\u003E color:gray;\u003Cbr \/\u003E }\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E4.\u003C\/strong\u003E El siguiente código lo deje para el último porque se refiere al estilo del comentario (modificado), el cual se podrá realizar cambios utilizando tu criterio. Una vez ubicado el estilo del comentario lo reemplazamos por lo siguiente:\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E#comments { \u003Cbr \/\u003Emargin:0; \u003Cbr \/\u003E}\u003Cbr \/\u003E#comments h4 { \u003Cbr \/\u003Emargin:0 0 10px;  \u003Cbr \/\u003Epadding-top:.5em; \u003Cbr \/\u003Eline-height: 1.4em; \u003Cbr \/\u003Efont: bold 110% Georgia,Serif; \u003Cbr \/\u003Ecolor:#333; \u003Cbr \/\u003E}\u003Cbr \/\u003E#comments-block { \u003Cbr \/\u003Eline-height:1.6em; \u003Cbr \/\u003E}\u003Cbr \/\u003E.comment-author { \u003Cbr \/\u003Ebackground:#e6e6e6 url(\"http:\/\/4.bp.blogspot.com\/_wIBBe1JWnPQ\/RjoyOtvN3eI\/AAAAAAAAAGA\/PsaYcfwBLQg\/s200\/page_edit.png\") no-repeat 2px .35em; \u003Cbr \/\u003Emargin:.5em 0 0;\u003Cbr \/\u003Epadding:3px 0 0 18px; \u003Cbr \/\u003Efont-weight:bold; \u003Cbr \/\u003E}\u003Cbr \/\u003E.comment-body { \u003Cbr \/\u003Ebackground:#eeeee6; \u003Cbr \/\u003Emargin:0; \u003Cbr \/\u003Epadding:7px 7px 7px 7px;\u003Cbr \/\u003E}\u003Cbr \/\u003E.comment-body p { \u003Cbr \/\u003Emargin:0 0 .5em; \u003Cbr \/\u003E}\u003Cbr \/\u003E.comment-body-author { \u003Cbr \/\u003Ebackground:#e5e5e5; \u003Cbr \/\u003Emargin:0; \u003Cbr \/\u003Epadding:7px 7px 7px 10px;\u003Cbr \/\u003E}\u003Cbr \/\u003E.comment-body-author p { \u003Cbr \/\u003Efont-size:105%; \u003Cbr \/\u003Emargin:0 0 .2em 0; \u003Cbr \/\u003Ecolor:#6728B2; \u003Cbr \/\u003Etext-decoration:bold;\u003Cbr \/\u003E}\u003Cbr \/\u003E.comment-footer { \u003Cbr \/\u003Ebackground:#e6e6e6;\u003Cbr \/\u003Emargin:0 0 .5em; \u003Cbr \/\u003Epadding:0 0 .75em 20px; \u003Cbr \/\u003Ecolor:#996; \u003Cbr \/\u003E}\u003Cbr \/\u003E.comment-footer a:link { \u003Cbr \/\u003Ecolor:#996; \u003Cbr \/\u003E}\u003Cbr \/\u003E.deleted-comment { \u003Cbr \/\u003Efont-style:italic; \u003Cbr \/\u003Ecolor:gray; \u003Cbr \/\u003E}\u003C\/span\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003EExplicación:\u003C\/strong\u003E\u003Cbr \/\u003E- En .comment-author, aparece el nombre del autor y puedes cambiar el color de fondo y la url que viene a ser el icono\u003Cbr \/\u003E- .comment-body, ahí se visualiza el color de fondo para los que dejan comentarios.\u003Cbr \/\u003E- .comment-body-author, ahí se visualiza el color de fondo para el autor del blog.\u003Cbr \/\u003E- .comment-body-author p, puedes cambiar el color de texto del autor del blog.\u003Cbr \/\u003E- .comment-footer, aparece la fecha y puedes cambiar el color de fondo.\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cspan style=\"color:#cc0000;\"\u003EVía:\u003C\/span\u003E \u003Ca href=\"http:\/\/stubborn-fanatic.blogspot.com\/2006\/12\/add-background-colors-to-comments.html\" target=\"_blank\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003EStubborn Fanatic\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/4018362245482829428\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/www.blogger.com\/comment.g?blogID=37094370\u0026postID=4018362245482829428\u0026isPopup=true","title":"29 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/4018362245482829428"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/4018362245482829428"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/2007\/06\/cambiar-el-color-de-fondo-de-los.html","title":"Cambiar el color de fondo de los comentarios -67-"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/2.bp.blogspot.com\/_wIBBe1JWnPQ\/RnS_o4B0xKI\/AAAAAAAAAJI\/8jh4YsN-_E0\/s72-c\/Comments.JPG","height":"72","width":"72"},"thr$total":{"$t":"29"}},{"id":{"$t":"tag:blogger.com,1999:blog-37094370.post-1060718026953841556"},"published":{"$t":"2007-06-12T21:30:00.000-05:00"},"updated":{"$t":"2007-06-19T10:50:43.397-05:00"},"title":{"type":"text","$t":"Colores aleatorios en el fondo del blog -66-"},"content":{"type":"html","$t":"\u003Cdiv align=justify\u003EConsiste en un color distinto cada vez que entramos al blog.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E1.\u003C\/strong\u003E Ir a diseño de la plantilla. Después clic en Edición de HTML (no Expandir plantillas de artilugios) y buscas lo siguiente: \u003Cbr \/\u003E\u003Cspan class=\"fullpost\"\u003E\u003Cbr \/\u003Ebody {\u003Cbr \/\u003E  background:$bgcolor;\u003Cbr \/\u003E  ...\u003Cbr \/\u003E  }\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E*\u003C\/strong\u003E Eliminar \u003Cstrong\u003Ebackground:$bgcolor;\u003C\/strong\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E2.\u003C\/strong\u003E  Agregar el siguiente código después de \u0026lt;body\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u0026lt;script type='text\/javascript'\u0026gt;\u003Cbr \/\u003Evar bgcolorlist=new Array(\"#626868\", \"#515f6c\", \"#999966\", \"#9ea8a8\", \"#b2bdbd\", \"#41485e\", \"#777777\", \"#eeeee6\")\u003Cbr \/\u003Edocument.bgColor=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)]\u0026lt;\/script\u0026gt;\u003C\/span\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E- En new Array (),  puedes cambiar los códigos de los colores que deseas.\u003Cbr \/\u003EPor otro lado, si quieres que más colores cambien le agregas más o en caso contrario le quitas.\u003Cbr \/\u003E\u003Cbr \/\u003E- Para que veas el resultado en tu blog presiona F5 de tu teclado y veras que aparecen distintos colores en el fondo del blog.\u003C\/div\u003E\u003Cbr \/\u003E\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/1060718026953841556\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/www.blogger.com\/comment.g?blogID=37094370\u0026postID=1060718026953841556\u0026isPopup=true","title":"13 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/1060718026953841556"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/1060718026953841556"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/2007\/06\/colores-aleatorios-en-el-fondo-del-blog.html","title":"Colores aleatorios en el fondo del blog -66-"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"thr$total":{"$t":"13"}},{"id":{"$t":"tag:blogger.com,1999:blog-37094370.post-5532591813062023289"},"published":{"$t":"2007-06-11T00:00:00.000-05:00"},"updated":{"$t":"2008-12-08T18:31:47.178-05:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Post"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Widgets"}],"title":{"type":"text","$t":"Últimos Post (2) -65-"},"content":{"type":"html","$t":"\u003Cdiv align=\"justify\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/_wIBBe1JWnPQ\/RmzqvYB0xGI\/AAAAAAAAAIo\/x7klm_CHG7I\/s1600-h\/Post.JPG\"\u003E\u003Cimg style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;\" src=\"http:\/\/4.bp.blogspot.com\/_wIBBe1JWnPQ\/RmzqvYB0xGI\/AAAAAAAAAIo\/x7klm_CHG7I\/s200\/Post.JPG\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5074688979764560994\" \/\u003E\u003C\/a\u003EEn Blogger existe la manera de agregarle a nuestro blog los títulos de los últimos post, pero a muchos no les ha gustado, quizás sea porque el número máximo de post es cinco, entre otras cosas. Pero existe un nuevo truco y me parece mucho mejor.\u003Cbr \/\u003E\u003Cspan class=\"fullpost\"\u003E\u003Cbr \/\u003E\u003Cspan style=\"color:#ff6600;\"\u003E\u003Cstrong\u003E»\u003C\/strong\u003E\u003C\/span\u003E Ir a diseño de plantilla, clic en Añadir un elemento de página y seleccionan \u003Cstrong\u003EHTML\/Javascript\u003C\/strong\u003E. Ahí tendrán que agregar lo siguiente:\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u0026lt;script src=\" http:\/\/andrewhonors.googlepages.com\/showrecentposts_es.js\"\u0026gt;\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\u0026lt;script language=\"javascript\"\u0026gt;\u003Cbr \/\u003E   var numposts = 7;\u003Cbr \/\u003E   var numchars = 100;\u003Cbr \/\u003E   var showpostdate = true;\u003Cbr \/\u003E   var showpostsummary = true;\u003Cbr \/\u003E   var standardstyling = true;\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\u0026lt;script src=\"http:\/\/andrewmusicmovie.blogspot.com\/feeds\/posts\/default?orderby=published\u0026alt=json-in-script\u0026callback=showrecentposts\"\u0026gt;\u0026lt;\/script\u0026gt;\u003C\/span\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003EExplicación:\u003C\/strong\u003E \u003Cbr \/\u003EPodemos modificar lo siguiente:\u003Cbr \/\u003E\u003Cbr \/\u003Enumpost .- Es el número de post a mostrar desde 1 hasta 25.\u003Cbr \/\u003E\u003Cbr \/\u003Enumchars .- Se mostrará un número de palabras para cada comentario.  \u003Cbr \/\u003E\u003Cbr \/\u003Eshowpostdate (true o false) .- Si es true se muestra la fecha del post.\u003Cbr \/\u003E\u003Cbr \/\u003Eshowpostsummary (true o false) .- Si es true se mostrará el resumen del post (entradas).\u003Cbr \/\u003E\u003Cbr \/\u003Estandardstyling (true o false) .- Si es true se aplicará un estilo estándar. El resumen se mostrará en letra cursiva y existirá un espacio entre cada comentario.  Mientras que en false se vera todo junto.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E**\u003C\/strong\u003E En donde dice: andrewmusicmovie.blogspot.com cámbialo por \u003Cstrong\u003Ela dirección de tu blog\u003C\/strong\u003E.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"color:#cc0000;\"\u003EVía:\u003C\/span\u003E \u003Cspan style=\"color:#3333ff;\"\u003EBeautiful Beta\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ca href=\"http:\/\/ayudaparaelblog.blogspot.com\/2007\/02\/ltimos-post-en-el-blog-27.html\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003EÚltimos Post (Blogger)\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/5532591813062023289\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/www.blogger.com\/comment.g?blogID=37094370\u0026postID=5532591813062023289\u0026isPopup=true","title":"34 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/5532591813062023289"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/5532591813062023289"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/2007\/06\/ltimos-post-2-65.html","title":"Últimos Post (2) -65-"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/4.bp.blogspot.com\/_wIBBe1JWnPQ\/RmzqvYB0xGI\/AAAAAAAAAIo\/x7klm_CHG7I\/s72-c\/Post.JPG","height":"72","width":"72"},"thr$total":{"$t":"34"}},{"id":{"$t":"tag:blogger.com,1999:blog-37094370.post-3318181137317987410"},"published":{"$t":"2007-06-08T13:49:00.000-05:00"},"updated":{"$t":"2007-06-19T10:48:51.943-05:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Preguntas frecuentes"}],"title":{"type":"text","$t":"¿Cómo modificar la Columna Pricipal y la Sidebar del blog? -64-"},"content":{"type":"html","$t":"\u003Cdiv align=\"justify\"\u003EPara aumentar o disminuir el tamaño de la Columna principal o Sidebar necesitaremos hacer algunas modificaciones en el blog. \u003Cbr \/\u003EEsto prácticamente resulta para las siguientes plantillas: Todas las Minima (Dark, Blue, Ochre, Lefty, Stretch, Lefty Stretch), Denim.\u003Cbr \/\u003E\u003Cspan class=\"fullpost\"\u003E \u003Cbr \/\u003E\u003Cspan style=\"color:#ff6600;\"\u003E\u003Cstrong\u003E»\u003C\/strong\u003E\u003C\/span\u003E Ir a diseño de la plantilla. Después clic en Edición de HTML (no Expandir plantillas de artilugios).\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E1.\u003C\/strong\u003E En la plantilla tenemos que ubicar lo siguiente:\u003Cbr \/\u003E\/* Header\u003Cbr \/\u003E-----------------------------------------------\u003Cbr \/\u003E\u003Cstrong\u003E#header-wrapper\u003C\/strong\u003E {\u003Cbr \/\u003E  width:660px;\u003Cbr \/\u003E  ...\u003Cbr \/\u003E  }\u003Cbr \/\u003E\u003Cbr \/\u003E\/* Outer-Wrapper\u003Cbr \/\u003E----------------------------------------------- *\/\u003Cbr \/\u003E\u003Cstrong\u003E#outer-wrapper\u003C\/strong\u003E {\u003Cbr \/\u003E  width: 660px;\u003Cbr \/\u003E  ...\u003Cbr \/\u003E  }\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E#main-wrapper\u003C\/strong\u003E {\u003Cbr \/\u003E  width: 410px;\u003Cbr \/\u003E  ...\u003Cbr \/\u003E  }\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E#sidebar-wrapper\u003C\/strong\u003E {\u003Cbr \/\u003E  width: 220px;\u003Cbr \/\u003E  ...\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E2.\u003C\/strong\u003E Tendremos que modificar el \u003Cstrong\u003Ewidth\u003C\/strong\u003E (ancho) del #header-wrapper, #outer-wrapper, del #main-wrapper y de la #sidebar-wrapper.\u003Cbr \/\u003E\u003Cstrong\u003EEjemplo:\u003C\/strong\u003E\u003Cbr \/\u003E#header-wrapper {\u003Cbr \/\u003E  width: \u003Cstrong\u003E900\u003C\/strong\u003Epx;\u003Cbr \/\u003E...\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E#outer-wrapper {\u003Cbr \/\u003Ewidth: \u003Cstrong\u003E900\u003C\/strong\u003Epx;\u003Cbr \/\u003E...\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E#main-wrapper {\u003Cbr \/\u003Ewidth: \u003Cstrong\u003E500\u003C\/strong\u003Epx;\u003Cbr \/\u003E...\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E#sidebar-wrapper {\u003Cbr \/\u003Ewidth: \u003Cstrong\u003E320\u003C\/strong\u003Epx;\u003Cbr \/\u003E...\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E3.\u003C\/strong\u003E Para que veas los cambios haces clic en \u003Cstrong\u003EVista Previa\u003C\/strong\u003E y si crees que has hecho bien las modificaciones, simplemente clic en Guardar Plantilla.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003ENota:\u003C\/strong\u003E Quizás esto te pueda servir como una guía para las demás plantillas.\u003C\/div\u003E\u003Cbr \/\u003E\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/3318181137317987410\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/www.blogger.com\/comment.g?blogID=37094370\u0026postID=3318181137317987410\u0026isPopup=true","title":"33 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/3318181137317987410"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/3318181137317987410"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/2007\/06\/cmo-modificar-la-columna-pricipal-y-la.html","title":"¿Cómo modificar la Columna Pricipal y la Sidebar del blog? -64-"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"thr$total":{"$t":"33"}},{"id":{"$t":"tag:blogger.com,1999:blog-37094370.post-3255611473040127584"},"published":{"$t":"2007-06-04T00:00:00.000-05:00"},"updated":{"$t":"2007-06-19T10:47:43.366-05:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Preguntas frecuentes"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Utilidades"}],"title":{"type":"text","$t":"¿Cómo poner un texto en movimiento en la barra de estado y título? -63-"},"content":{"type":"html","$t":"\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003ELa barra de título\u003C\/strong\u003E, está en la parte superior y nos indica la página web en la que el navegador está situado.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003ELa barra de estado\u003C\/strong\u003E, nos aparece en los exploradores por lo general abajo y suele mostrar información sobre la página.\u003Cbr \/\u003E\u003Cbr \/\u003EPara agregar el siguiente código tienes dos formas de agregarlo:\u003Cbr \/\u003E\u003Cstrong\u003E-\u003C\/strong\u003E Ir a diseño de la plantilla, clic en Añadir un elemento de página y seleccionas \u003Cstrong\u003EHTML\/Javascript\u003C\/strong\u003E.\u003Cbr \/\u003E\u003Cstrong\u003E-\u003C\/strong\u003E Ir a diseño de la plantilla, luego Edición de HTML y lo agregas antes de \u003Cstrong\u003E\u0026lt;\/head\u003E\u003C\/strong\u003E\u003Cbr \/\u003E\u003Cspan class=\"fullpost\"\u003E\u003Cbr \/\u003E\u003Cstrong\u003E\u003Cspan style=\"color:#990000;\"\u003EPara la barra de título\u003C\/span\u003E\u003C\/strong\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u0026lt;script type=\"text\/JavaScript\"\u0026gt;\u003Cbr \/\u003Evar repeat=1 \/\/enter 0 to not repeat scrolling after 1 run, othersise, enter 1\u003Cbr \/\u003Evar title=document.title\u003Cbr \/\u003Evar leng=title.length\u003Cbr \/\u003Evar start=1\u003Cbr \/\u003Efunction titlemove() {\u003Cbr \/\u003Etitl=title.substring(start, leng) + title.substring(0, start)\u003Cbr \/\u003Edocument.title=titl\u003Cbr \/\u003Estart++\u003Cbr \/\u003Eif (start==leng+1) {\u003Cbr \/\u003Estart=0\u003Cbr \/\u003Eif (repeat==0)\u003Cbr \/\u003Ereturn\u003Cbr \/\u003E}\u003Cbr \/\u003EsetTimeout(\"titlemove()\",140)\u003Cbr \/\u003E}\u003Cbr \/\u003Eif (document.title)\u003Cbr \/\u003Etitlemove()\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E**\u003C\/strong\u003E setTimeout(\"titlemove()\",140), esta línea se refiere al movimiento del texto, si deseas le cambias el valor de 140 por otro valor.\u003Cbr \/\u003EProbablemente el texto lo veas muy junto o no se aprecie bien, entonces en \u003Cstrong\u003EOpciones\u003C\/strong\u003E, Básico y en el Título le agregas guiones o puntos. Pero acuérdate que cambiaria el titulo de tu blog, es decir estaría con puntos o guiones.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E\u003Cspan style=\"color:#990000;\"\u003EPara la barra de estado\u003C\/span\u003E\u003C\/strong\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u0026lt;script language=\"JavaScript\"\u0026gt;\u003Cbr \/\u003Evar MessageText = \"Bienvenidos a Ayuda para el Blog...\"\u003Cbr \/\u003Evar DisplayLength = 50\u003Cbr \/\u003Evar pos = 1 - DisplayLength;\u003Cbr \/\u003Efunction ScrollInStatusBar(){\u003Cbr \/\u003Evar scroll = \"\";\u003Cbr \/\u003Epos++;\u003Cbr \/\u003Eif (pos == MessageText.length) pos = 1 - DisplayLength;\u003Cbr \/\u003Eif (pos\u003C0)\u003Cbr \/\u003E{\u003Cbr \/\u003Efor (var i=1; i\u003C=Math.abs(pos); i++)\u003Cbr \/\u003Escroll = scroll + \"\";\u003Cbr \/\u003Escroll = scroll + MessageText.substring(0, DisplayLength - i + 1);\u003Cbr \/\u003E}\u003Cbr \/\u003Eelse\u003Cbr \/\u003Escroll = scroll + MessageText.substring(pos, pos + DisplayLength);\u003Cbr \/\u003Ewindow.status = scroll;\u003Cbr \/\u003EsetTimeout(\"ScrollInStatusBar()\",100);\u003Cbr \/\u003E}\u003Cbr \/\u003EScrollInStatusBar()\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E-\u003C\/strong\u003E En var MessageText, escribes tu mensaje.\u003Cbr \/\u003E\u003Cstrong\u003E-\u003C\/strong\u003E var DisplayLength, viene a ser la longitud de tu mensaje. \u003Cbr \/\u003E\u003Cstrong\u003E-\u003C\/strong\u003E setTimeout(\"ScrollInStatusBar()\",100), esta línea se refiere al movimiento del texto, si deseas le cambias el valor de 100 por otro valor.\u003C\/div\u003E \u003Cbr \/\u003E\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/3255611473040127584\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/www.blogger.com\/comment.g?blogID=37094370\u0026postID=3255611473040127584\u0026isPopup=true","title":"49 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/3255611473040127584"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/3255611473040127584"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/2007\/06\/cmo-poner-un-texto-en-movimiento-en-la.html","title":"¿Cómo poner un texto en movimiento en la barra de estado y título? -63-"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"thr$total":{"$t":"49"}},{"id":{"$t":"tag:blogger.com,1999:blog-37094370.post-8374397477557311065"},"published":{"$t":"2007-06-01T00:00:00.001-05:00"},"updated":{"$t":"2008-12-08T18:31:47.507-05:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger (nuevo)"}],"title":{"type":"text","$t":"Personalizar la fecha de los post (entradas) -62-"},"content":{"type":"html","$t":"\u003Cdiv align=\"justify\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/_wIBBe1JWnPQ\/Rm9UJYB0xHI\/AAAAAAAAAIw\/CJtUA2-n8eU\/s1600-h\/Ejem.JPG\"\u003E\u003Cimg style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;\" src=\"http:\/\/3.bp.blogspot.com\/_wIBBe1JWnPQ\/Rm9UJYB0xHI\/AAAAAAAAAIw\/CJtUA2-n8eU\/s320\/Ejem.JPG\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5075367825115497586\" \/\u003E\u003C\/a\u003EBlogger coloca por defecto la fecha de los post en una sola línea, asi que en esta oportunidad vamos a cambiar la apariencia de la fecha en un estilo diferente, el cual podrás personalizarla a tu gusto.\u003Cbr \/\u003E\u003Cspan class=\"fullpost\"\u003E\u003Cbr \/\u003E\u003Cstrong\u003E1.\u003C\/strong\u003E Ir a Configuración. Después a Formato. De ahí, en donde dice: Formato de cabecera de fecha, escogemos la siguiente opción:\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/_wIBBe1JWnPQ\/Rm9U-YB0xJI\/AAAAAAAAAJA\/gea8kfxuV-s\/s1600-h\/Fecha.JPG\"\u003E\u003Cimg style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;\" src=\"http:\/\/3.bp.blogspot.com\/_wIBBe1JWnPQ\/Rm9U-YB0xJI\/AAAAAAAAAJA\/gea8kfxuV-s\/s200\/Fecha.JPG\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5075368735648564370\" \/\u003E\u003C\/a\u003E\u003Cp align=\"center\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003EClic en la imagen para agrandarla\u003C\/span\u003E\u003C\/p\u003E\u003Cstrong\u003E*\u003C\/strong\u003E No te olvides que tienes que Guardar valores.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E2.\u003C\/strong\u003E Ir a plantilla, luego a Edición de HTML y clic en Expandir plantillas de artilugios. Después agregas el siguiente código entre \u0026lt;head\u003E y \u0026lt;\/head\u003E. Preferible que lo pegues al final (antes de \u003Cstrong\u003E\u0026lt;\/head\u003E\u003C\/strong\u003E), porque puede ser que en algún momento, no quieras esto y se te va hacer más fácil poder ubicarlo para borrarlo.\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u0026lt;script src='http:\/\/andrewhonors.googlepages.com\/fecha.js' type='text\/javascript'\/\u0026gt;\u003C\/span\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E3.\u003C\/strong\u003E Después buscas lo siguiente:\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u0026lt;div class='blog-posts'\u003E\u003Cbr \/\u003E....\u003Cbr \/\u003E    \u0026lt;b:if cond='data:post.dateHeader'\u003E\u003Cbr \/\u003E        \u0026lt;h2 class='date-header'\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u0026lt;data:post.dateHeader\/\u003E\u003C\/span\u003E\u0026lt;\/h2\u003E\u003Cbr \/\u003E      \u0026lt;\/b:if\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"jsutify\"\u003E\u003Cstrong\u003E4.\u003C\/strong\u003E Una vez ubicado, reemplazas \u003Cspan style=\"color:#3333ff;\"\u003E\u0026lt;data:post.dateHeader\/\u003E\u003C\/span\u003E por lo siguiente:\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E\u003Cspan style=\"color:#ff0000;\"\u003E\u0026lt;div id='fecha'\u0026gt;\u003Cbr \/\u003E\u0026lt;script\u003Eremplaza_fecha('\u0026lt;data:post.dateHeader\/\u0026gt;');\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\u0026lt;\/div\u0026gt;\u003C\/span\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003E5.\u003C\/strong\u003E Seguimos en la Plantilla. El siguiente código lo deje para el último, porque se refiere al estilo de la fecha, el cual se podrá realizar cambios, utilizando tu criterio.\u003Cbr \/\u003EEl código lo tendrás que pegar entre \u0026lt;b:skin\u003E\u0026lt;![CDATA[ y ]]\u0026gt;\u0026lt;\/b:skin\u003E. Preferible que lo pegues casi al final (antes de \u003Cstrong\u003E]]\u0026gt;\u0026lt;\/b:skin\u003E\u003C\/strong\u003E), porque puede ser que en algún momento, no quieras esto y se te va hacer mas fácil poder ubicarlo para borrarlo.\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"left\"\u003E#fecha {\u003Cbr \/\u003Edisplay: block;\u003Cbr \/\u003Emargin: 0px 1px;\u003Cbr \/\u003Efloat: right;\u003Cbr \/\u003Epadding: 5px;\u003Cbr \/\u003Ecolor: #464646;\u003Cbr \/\u003Ebackground: #cccccc;\u003Cbr \/\u003Eborder: #cccccc 1px solid;\u003Cbr \/\u003Etext-transform: capitalize;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E.fecha_dia {\u003Cbr \/\u003Edisplay: block;\u003Cbr \/\u003Efont-size: 16px;\u003Cbr \/\u003Efont-weight:bold;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E.fecha_mes {\u003Cbr \/\u003Edisplay: block;\u003Cbr \/\u003Efont-size: 10px;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E.fecha_anio {\u003Cbr \/\u003Edisplay: block;\u003Cbr \/\u003Efont-size: 10px;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003EExplicación:\u003C\/strong\u003E\u003Cbr \/\u003E#fecha {\u003Cbr \/\u003EEn margin, ver \u003Ca href=\"http:\/\/htmlhelp.com\/es\/reference\/css\/box\/margin.html\" target=\"_blank\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003Eaquí\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E.\u003Cbr \/\u003Efloat, puedes cambiarlo de posición, sea left o right.\u003Cbr \/\u003Epadding, puedes aumentar o disminuir el formato de la fecha.\u003Cbr \/\u003Ecolor y background, puedes modificar los colores del texto como el fondo.\u003Cbr \/\u003Eborder, cambiar el color y en 1px por otro valor, sea 2 ó 3 (aumenta mas el borde).\u003Cbr \/\u003E\u003Cbr \/\u003E.fecha_dia, .fecha_mes y .fecha_anio {\u003Cbr \/\u003EEn font-size, puedes cambiar el tamaño de la letra.\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cspan style=\"color:#cc0000;\"\u003EVía:\u003C\/span\u003E \u003Ca href=\"http:\/\/blogyweb.blogspot.com\/2007\/03\/persolizar-la-forma-en-que-se-muestra.html\" target=\"_blank\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003ERecursos Blog \u0026 Web\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/8374397477557311065\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/www.blogger.com\/comment.g?blogID=37094370\u0026postID=8374397477557311065\u0026isPopup=true","title":"62 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/8374397477557311065"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/8374397477557311065"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/2007\/06\/personalizar-la-fecha-de-los-post_01.html","title":"Personalizar la fecha de los post (entradas) -62-"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/3.bp.blogspot.com\/_wIBBe1JWnPQ\/Rm9UJYB0xHI\/AAAAAAAAAIw\/CJtUA2-n8eU\/s72-c\/Ejem.JPG","height":"72","width":"72"},"thr$total":{"$t":"62"}},{"id":{"$t":"tag:blogger.com,1999:blog-37094370.post-6895593096086972947"},"published":{"$t":"2007-05-27T13:50:00.000-05:00"},"updated":{"$t":"2008-12-08T18:31:47.803-05:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Preguntas frecuentes"}],"title":{"type":"text","$t":"¿Cómo utilizar un bloque entrecomillado? (blockquote) -61-"},"content":{"type":"html","$t":"\u003Cdiv align=\"justify\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/_wIBBe1JWnPQ\/RlnPSv_inXI\/AAAAAAAAAH4\/lvXXkIdGeMc\/s1600-h\/entrecomillado.JPG\"\u003E\u003Cimg id=\"BLOGGER_PHOTO_ID_5069310776609774962\" style=\"DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center\" alt=\"\" src=\"http:\/\/4.bp.blogspot.com\/_wIBBe1JWnPQ\/RlnPSv_inXI\/AAAAAAAAAH4\/lvXXkIdGeMc\/s400\/entrecomillado.JPG\" border=\"0\" \/\u003E\u003C\/a\u003E\u003Cstrong\u003EBlockquote\u003C\/strong\u003E.- Define una cita. Es comúnmente usado para definir citas largas como párrafos. \u0026lt;blockquote\u003E \u0026lt;\/blockquote\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EEn algunos blogs\/sitios web encontramos citas o frases con una imagen de unas dobles comillas de apertura, el cual nos puede servir para citar algo que dijo alguna actriz, cantante, entre otras cosas.\u003Cbr \/\u003E\u003Cspan class=\"fullpost\"\u003E\u003Cbr \/\u003E\u003Cstrong\u003E1.\u003C\/strong\u003E Ir a diseño de la plantilla. Después clic en Edición de HTML (no Expandir plantillas de artilugios) y agregas el siguiente código entre \u0026lt;b:skin\u003E\u0026lt;![CDATA[ y ]]\u003E\u0026lt;\/b:skin\u003E. Preferible que lo pegues casi al final (antes de \u003Cstrong\u003E]]\u003E\u0026lt;\/b:skin\u003E\u003C\/strong\u003E), porque puede ser que en algún momento, no quieras esto y se te va hacer más fácil poder ubicarlo para borrarlo.\u003C\/div\u003E\u003Cdiv align=\"left\"\u003E\u003Cbr \/\u003E\u003Cspan style=\"color:#3333ff;\"\u003Eblockquote {\u003Cbr \/\u003Ebackground: url(http:\/\/aquí-la-direccion-de-la-imagen) no-repeat 0 3px;\u003Cbr \/\u003Ecolor: #666;\u003Cbr \/\u003Epadding-left: 25px;\u003Cbr \/\u003Efont-size : 15pt;\u003Cbr \/\u003Efont-style: italic;\u003Cbr \/\u003Emargin-bottom: 1px;\u003Cbr \/\u003Edisplay:block;\u003Cbr \/\u003Epadding-top:5px;\u003Cbr \/\u003E}\u003C\/span\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003EExplicación\u003Cbr \/\u003E- En \u003Cstrong\u003Eurl\u003C\/strong\u003E, se debe poner el enlace a la imagen con las dobles comillas.\u003Cbr \/\u003E- En \u003Cstrong\u003Epadding-left\u003C\/strong\u003E, sirve para mover el texto entre le borde izquierdo.\u003Cbr \/\u003E- En \u003Cstrong\u003Efont-size\u003C\/strong\u003E, podemos modificar el tamaño de la fuente mostrada.\u003Cbr \/\u003E- En \u003Cstrong\u003Efont-style\u003C\/strong\u003E, define que la fuente se muestre en una de tres formas: normal, italic u oblique (inclinada).\u003Cbr \/\u003E- \u003Cstrong\u003EEn padding-top\u003C\/strong\u003E, sirve para desplazar el texto hacia abajo.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E2.\u003C\/strong\u003E Para que las dobles comillas tengan efecto en una entrada hacemos lo siguiente:\u003Cbr \/\u003EEscribimos alguna cita o frase, luego lo sombreamos y clic en bloque entrecomillado o sino en edición de HTML también lo podemos insertar.\u003C\/div\u003E\u003Cbr \/\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/_wIBBe1JWnPQ\/RlnN1v_inUI\/AAAAAAAAAHg\/fZwPriROYVo\/s1600-h\/bloquentrecomillado.JPG\"\u003E\u003Cimg id=\"BLOGGER_PHOTO_ID_5069309178881940802\" style=\"DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center\" alt=\"\" src=\"http:\/\/4.bp.blogspot.com\/_wIBBe1JWnPQ\/RlnN1v_inUI\/AAAAAAAAAHg\/fZwPriROYVo\/s200\/bloquentrecomillado.JPG\" border=\"0\" \/\u003E\u003C\/a\u003E \u003Cp align=\"center\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003EClic en la imagen para agrandarla\u003C\/span\u003E\u003C\/p\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003ENota:\u003C\/strong\u003E Te voy a proporcionar algunas comillas que he subido a Photobucket para que lo utilices en tu blog.\u003C\/div\u003E\u003Cbr \/\u003E\u003Cimg src=\"http:\/\/i151.photobucket.com\/albums\/s137\/andrewmusic1\/quoteblack.gif\" border=\"0\" alt=\"Photo Sharing and Video Hosting at Photobucket\"\u003E\u003Cbr \/\u003Ehttp:\/\/i151.photobucket.com\/albums\/s137\/andrewmusic1\/quoteblack.gif\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cimg src=\"http:\/\/i151.photobucket.com\/albums\/s137\/andrewmusic1\/quotefirebrick.gif\" border=\"0\" alt=\"Photo Sharing and Video Hosting at Photobucket\"\u003E\u003Cbr \/\u003Ehttp:\/\/i151.photobucket.com\/albums\/s137\/andrewmusic1\/quotefirebrick.gif\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cimg src=\"http:\/\/i151.photobucket.com\/albums\/s137\/andrewmusic1\/quote.gif\" border=\"0\" alt=\"Photo Sharing and Video Hosting at Photobucket\"\u003E\u003Cbr \/\u003Ehttp:\/\/i151.photobucket.com\/albums\/s137\/andrewmusic1\/quote.gif\u003Cbr \/\u003E\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/6895593096086972947\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/www.blogger.com\/comment.g?blogID=37094370\u0026postID=6895593096086972947\u0026isPopup=true","title":"17 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/6895593096086972947"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/6895593096086972947"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/2007\/05\/cmo-utilizar-un-bloque-entrecomillado.html","title":"¿Cómo utilizar un bloque entrecomillado? (blockquote) -61-"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/4.bp.blogspot.com\/_wIBBe1JWnPQ\/RlnPSv_inXI\/AAAAAAAAAH4\/lvXXkIdGeMc\/s72-c\/entrecomillado.JPG","height":"72","width":"72"},"thr$total":{"$t":"17"}},{"id":{"$t":"tag:blogger.com,1999:blog-37094370.post-989150042623805017"},"published":{"$t":"2007-05-21T10:54:00.000-05:00"},"updated":{"$t":"2008-12-08T18:31:47.924-05:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Comentarios"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Widgets"}],"title":{"type":"text","$t":"Últimos Comentarios (2) -60-"},"content":{"type":"html","$t":"\u003Cdiv align=\"justify\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/_wIBBe1JWnPQ\/RlHGzv_inSI\/AAAAAAAAAHQ\/KDTkqIkZfYg\/s1600-h\/UC.bmp\"\u003E\u003Cimg id=\"BLOGGER_PHOTO_ID_5067049648127122722\" style=\"DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center\" alt=\"\" src=\"http:\/\/4.bp.blogspot.com\/_wIBBe1JWnPQ\/RlHGzv_inSI\/AAAAAAAAAHQ\/KDTkqIkZfYg\/s200\/UC.bmp\" border=\"0\" \/\u003E\u003C\/a\u003EEn Blogger existe la manera de agregarle a nuestro blog los últimos comentarios que nos dejan los que nos visitan, pero a muchos no les ha gustado, quizás sea porque el número máximo de comentarios es cinco, tarda en actualizarse, entre otras cosas. Pero existe un nuevo truco y me parece mucho mejor.\u003Cbr \/\u003E\u003Cspan class=\"fullpost\"\u003E\u003Cbr \/\u003E\u003Cspan style=\"color:#ff6600;\"\u003E\u003Cstrong\u003E»\u003C\/strong\u003E\u003C\/span\u003E Ir a diseño de plantilla, clic en Añadir un elemento de página y seleccionan HTML\/Javascript. Ahí tendrán que agregar lo siguiente:\u003C\/div\u003E\u003Cdiv align=\"left\"\u003E\u003Cbr \/\u003E\u0026lt;script style=\"text\/javascript\" src=\"http:\/\/andrewhonors.googlepages.com\/showrecentcomments2_sp.js\"\u0026gt;\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\u0026lt;script style=\"text\/javascript\"\u0026gt;\u003Cbr \/\u003Evar numcomments = 6;\u003Cbr \/\u003Evar showcommentdate = true;\u003Cbr \/\u003Evar showposttitle = true;\u003Cbr \/\u003Evar numchars = 30;\u003Cbr \/\u003Evar standardstyling = true;\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\u0026lt;script src=\"http:\/\/andrewmusicmovie.blogspot.com\/feeds\/comments\/default?alt=json-in-script\u0026callback=showrecentcomments\"\u0026gt;\u0026lt;\/script\u0026gt;\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv align=\"justify\"\u003E\u003Cstrong\u003EExplicación: \u003C\/strong\u003EPodemos modificar lo siguiente:\u003Cbr \/\u003E\u003Cbr \/\u003Enumcomments .- Es el número de comentario a mostrar desde 1 hasta 25.\u003Cbr \/\u003E\u003Cbr \/\u003Eshowcommentdate (true o false) .- Si es true se muestra la fecha del comentario.\u003Cbr \/\u003E\u003Cbr \/\u003Eshowposttitle (true o false) .- Si es true se mostrará el titulo del post (entradas), en donde el usuario ha dejado su comentario.\u003Cbr \/\u003E\u003Cbr \/\u003Enumchars .- Se mostrará un número de palabras para cada comentario.\u003Cbr \/\u003E\u003Cbr \/\u003Estandardstyling (true o false) .- Si es true se aplicará un estilo estándar. El resumen se mostrará en letra cursiva y existirá un espacio entre cada comentario. Mientras que en false se vera todo junto.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cstrong\u003E**\u003C\/strong\u003E En donde dice: andrewmusicmovie.blogspot.com cámbialo \u003Cstrong\u003Epor la dirección de tu blog\u003C\/strong\u003E.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"color:#cc0000;\"\u003EVía:\u003C\/span\u003E \u003Cspan style=\"color:#3333ff;\"\u003EHasckospere\u003C\/span\u003E y \u003Cspan style=\"color:#3333ff;\"\u003EBeautiful Beta\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ca href=\"http:\/\/ayudaparaelblog.blogspot.com\/2007\/01\/ltimos-comentarios-en-el-blog-22.html\"\u003E\u003Cspan style=\"color:#3333ff;\"\u003E\u003Cu\u003EÚltimos Comentarios (Blogger)\u003C\/u\u003E\u003C\/span\u003E\u003C\/a\u003E\u003C\/div\u003E\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/ayudaparaelblog.blogspot.com\/feeds\/989150042623805017\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/www.blogger.com\/comment.g?blogID=37094370\u0026postID=989150042623805017\u0026isPopup=true","title":"37 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/989150042623805017"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/37094370\/posts\/default\/989150042623805017"},{"rel":"alternate","type":"text/html","href":"http:\/\/ayudaparaelblog.blogspot.com\/2007\/05\/ul.html","title":"Últimos Comentarios (2) -60-"}],"author":[{"name":{"$t":"Andrés"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/04548942015666698493"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"24","src":"http:\/\/photos1.blogger.com\/x\/blogger\/7823\/4159\/1600\/208764\/Andrew.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/4.bp.blogspot.com\/_wIBBe1JWnPQ\/RlHGzv_inSI\/AAAAAAAAAHQ\/KDTkqIkZfYg\/s72-c\/UC.bmp","height":"72","width":"72"},"thr$total":{"$t":"37"}}]}});