tag:blogger.com,1999:blog-10125550480964867092024-02-18T23:45:18.264-05:00Blogger AdictosAndreshttp://www.blogger.com/profile/07614536744753096596noreply@blogger.comBlogger23125tag:blogger.com,1999:blog-1012555048096486709.post-62136737868630537252007-05-26T06:17:00.001-05:002009-09-10T21:34:33.579-05:00Fecha estilo Wordpress.Hola, al fin me he acordado de este truco, me lo tenia guardado, pero se me olvido y despues de unos meses me acorde haci que comenzemos:<br /><span id="fullpost"><br /><span style="color: rgb(255, 0, 0);">1.-</span> Nos dirigimos a Opciones-Formato y cambiamos la fecha por la que esta en la penultima opcion.<br /><span style="color: rgb(255, 0, 0);">2.-</span> Ahora en el HTML expandimos los artilugios y pegamos el siguiente codigo antes del /head:<br /><pre><code><br /><span style="font-size:85%;"><span style="font-family:courier new;"><script></span><br /><span style="font-family:courier new;">function date_replace(d){</span><br /><span style="font-family:courier new;">var da = d.split(' ');</span><br /><span style="font-family:courier new;">day = "<span class='theDate'>"+da[0]+"</span>";</span><br /><span style="font-family:courier new;">mon = "<span class='theMonth'>"+da[1].slice(0,3)+"</span>";</span><br /><span style="font-family:courier new;">year = "<span class='theYear'>"+da[2]+"</span>";</span><br /><span style="font-family:courier new;">document.write(day+mon+year);</span><br /><span style="font-family:courier new;">}</span><br /><span style="font-family:courier new;"></script></span></span><br /></code></pre><br /><span style="color: rgb(255, 0, 0);">3.-</span> Ahora expandidos los artilugios buscamos el siguiente codigo:<br /><pre><code><br /><span style=";font-family:courier new;font-size:85%;" ><data:post.dateHeader/></span><br /></code></pre><br /><span style="color: rgb(255, 0, 0);">4.-</span> Y reemplazamos el codigo anterior por este:<br /><pre><code><br /><span style="font-size:85%;"><span style="font-family:courier new;"><div id='post-date'></span><br /><span style="font-family:courier new;"><script>date_replace('<data:post.dateHeader/>');</script></span><br /><span style="font-family:courier new;"></div></span></span><br /></code></pre><br /><span style="color: rgb(255, 0, 0);">5.-</span> Si sos perezoso y no te quieres molestar en crear un estilo para la fecha usa este:<br /><pre><code><br /><span style=";font-family:courier new;font-size:85%;" >div#post-date {<br />display: block;<br />float:left; /* set this to right if you want it go to the right */<br />padding: 1em; /* to keep the text away from the edges */<br />background-color: #555555; /* you can change this to hold a picture, will make it look nicer */<br />border: 3px double gray; /* a border to make it look nice */<br />}<br /><br />div#post-date span.theDate {<br />display: block; /* to put this in a different line */<br />font-size: 3em; /* to make the date stand out */<br />background-color: transparent; /* to let the background show through */<br />color: white;<br />}<br /><br />div#post-date span.theMonth {<br />display: block;<br />font-size: 1em; /* smaller compared to the date */<br />background-color: transparent;<br />color: white;<br />}<br /><br />div#post-date span.theYear {<br />display: block;<br />font-size: 1em; /* smaller compared to the date */<br />background-color: transparent;<br />color: white;<br />}</span><br /></code></pre><br /><span style="color: rgb(255, 0, 0);">6.-</span> Disfruta el truco XD.<br /></span>Andreshttp://www.blogger.com/profile/07614536744753096596noreply@blogger.com5tag:blogger.com,1999:blog-1012555048096486709.post-59479304939399128542007-05-21T20:45:00.001-05:002009-09-10T21:39:01.701-05:00Buscador Interno (Actualizacion)Hola, volviendo a lo interesante y no cosas de principiante aprenderemos a añadir un buscador interno es facil solo sigan los siguientes pasos:<br /><span id="fullpost"><br /><span style="color: rgb(255, 0, 0);">1.-</span> Añdimos un widget Html/Javascript con el siguiente codigo:<br /><pre><code><br /><span style="font-size:85%;"><span style="font-family:courier new;"><center><form id="searchthis" action="http://blogger-adictos.blogspot.com/search" style="display:inline;" method="get"></span><br /><span style="font-family:courier new;"><input id="b-query" maxlength="255" name="q" size="15" type="text"/></span><br /><span style="font-family:courier new;"><input id="b-searchbtn" value="Search" class="blue" type="submit"/></span><br /><span style="font-family:courier new;"></form></center></span></span><br /></code></pre><br /><span style="color: rgb(255, 0, 0);">2.-</span> Y si quieres ponerle una imagen que remplaze el boton buscar:<br /><pre><code><br /><span style=";font-family:courier new;font-size:85%;" ><form action='/search' id='searchthis' method='get' style='display:inline;'><br /><input id='search-box' name='q' onblur='if (this.value == "") this.value = "Buscar en el Blog";' onfocus='if (this.value == "Buscar en el Blog") this.value = "";' type='text' value='Buscar en el Blog'/><br /><input class="submit" type="submit" value="Buscar" /><br /></form></span><br /></code></pre><br /><span style="color: rgb(255, 0, 0);">3.-</span> Buscador con texto en cuadro de texto; Incluye texto dentro del cuadro donde se coloca la palabra a buscar y el botón buscar:<br /><pre><code><br /><span style=";font-family:courier new;font-size:85%;" ><form action='/search' id='searchthis' method='get' style='display:inline;'><br /><input id='search-box' name='q' onblur='if (this.value == "") this.value = "Buscar en el Blog";' onfocus='if (this.value == "Buscar en el Blog") this.value = "";' type='text' value='Buscar en el Blog'/><br /><input class="submit" type="submit" value="Buscar" /><br /></form></span><br /></code></pre><br /><span style="color: rgb(255, 0, 0);">4.- </span>Y tambien Una imagen que reemplaze el boton buscar y una imagen dentro del textarea:<br /><span style=";font-family:georgia;font-size:85%;" ><pre><code><br /><form action='/search' id='searchthis' method='get' style='display:inline;'><br /><input id='search-box' name='q' onblur='if (this.value == "") this.value = "Buscar en el Blog";' onfocus='if (this.value == "Buscar en el Blog") this.value = "";' type='text' value='Buscar en el Blog'/><br /><input alt='Buscar' border='0' src='http://upload.wikimedia.org/wikipedia/commons/thumb/e/ef/Crystal_Clear_app_xmag.png/32px-Crystal_Clear_app_xmag.png' type='image'/><br /></form></span><span style=";font-family:georgia;font-size:85%;" ></span><br /></code></pre><br />Y listo :) .<br /></span>Andreshttp://www.blogger.com/profile/07614536744753096596noreply@blogger.com45tag:blogger.com,1999:blog-1012555048096486709.post-87799516807417479892007-05-21T16:02:00.002-05:002009-09-10T21:40:22.950-05:00Drop CapsHola, hoy les trigo este truco mas comunmente llamado Drop Caps pero algunos no saben ese nombre por eso le pongo letra capital, este truco consiste en hacer la primera letra mas grande que las otras, este truco es muy sencillo y lo explicare:<br /><span id="fullpost"><br /><span style="color: rgb(255, 0, 0);">1.-</span> En tu HTML, pega el siguiente codigo antes de ]]></b:skin>.:<br /><pre><code><br /><span style="font-size:85%;"><span style="font-family:courier new;">.dropcaps {</span><br /><span style="font-family:courier new;">float:left;</span><br /><span style="font-family:courier new;">color:#1B703A;</span><br /><span style="font-family:courier new;">font-size:100px;</span><br /><span style="font-family:courier new;">line-height:80px;</span><br /><span style="font-family:courier new;">padding-top:1px;</span><br /><span style="font-family:courier new;">padding-right:5px;</span><br /><span style="font-family:courier new;">}</span></span></code></pre></span><br /><br /><span style="color: rgb(255, 0, 0);">2.-</span> Cada que quieras aparecer el Drop Caps pega el siguiente codigo en la entrada:<br /><pre><code><br /><span style="color: rgb(0, 0, 0);font-family:courier new;font-size:85%;" ><span class="dropcaps">D</span></span><br /></code></pre><br />Remplaza la D por la letra que quiereas y listo :) .Andreshttp://www.blogger.com/profile/07614536744753096596noreply@blogger.com9tag:blogger.com,1999:blog-1012555048096486709.post-35449158700083621682007-05-20T09:46:00.005-05:002009-09-10T21:43:47.821-05:00Centrar un elemento.Hola, centrar es un elemento es muy facil y es un truco para los que recien comienzan a bloggear, solo sigan los siguientes pasos:<br /><span id="fullpost"><br /><span style="color: rgb(255, 0, 0);">1.-</span> Al pricipio del widget pegar el siguiente codigo:<br /><pre><code><br /><span style="font-size:85%;"><span style="font-family:courier new;"><center></span></span><br /></code></pre><br /><span style="color: rgb(255, 0, 0);">2.- </span>Ahora al final del widget agregar el siguiente codigo:<br /><pre><code><br /><span style=";font-family:courier new;font-size:85%;" ></center></span><br /></code></pre><br />Guardamos y listo :) .</span>Andreshttp://www.blogger.com/profile/07614536744753096596noreply@blogger.com10tag:blogger.com,1999:blog-1012555048096486709.post-45995242569748936752007-05-16T17:18:00.001-05:002009-09-11T14:30:26.600-05:00Poner imagen de fondo en el HTML.Para poner una imagen de fondo en el html solo tienes que seguir los siguientes pasos:<br /><pre><code><br /><span id="fullpost"><br /><span style="color: rgb(255, 0, 0);">1.-</span> Nos dirigimos a vuestro HTML y buscamos el siguiente codigo:<br /><span style=";font-family:courier new;font-size:85%;" ><br /><span style="">code { </span></span><br /></code></pre><br /><span style="color: rgb(255, 0, 0);">2.- </span>Ahora reemplazamos el codigo anterior por este:<br /><pre><code><br /><span style="font-size:85%;"><span style="font-family:courier new;">code {</span><br /><span style="font-family:courier new;">display: block; /* fixes a strange ie margin bug */</span><br /><span style="font-family:courier new;">font-family: Courier New;</span><br /><span style="font-family:courier new;">font-size: 9pt;</span><br /><span style="font-family:courier new;">overflow:auto;</span><br /><span style="font-family:courier new;">background: #f0f0f0 url(http://chenkaie.googlepages.com/Code_BG.gif) left top repeat-y;</span><br /><span style="font-family:courier new;">border: 1px solid #ccc;</span><br /><span style="font-family:courier new;">padding: 5px 5px 5px 20px;</span><br /><span style="font-family:courier new;">max-height:200px;</span><br /><span style="font-family:courier new;">line-height: 1.2em;</span><br /><span style="font-family:courier new;">margin: 5px 5px 0 15px;</span><br /><span style="font-family:courier new;">}</span></span><br /></code></pre><br />Listo :) .<br /><br /></span>Andreshttp://www.blogger.com/profile/07614536744753096596noreply@blogger.com20tag:blogger.com,1999:blog-1012555048096486709.post-73359081880513254412007-05-16T14:50:00.002-05:002009-09-11T14:41:56.009-05:00Poner iconos en las entradas.Hola, este truco sirve para poner imagenes en las entradas de los blogs.<br /><span id="fullpost"><br /><span style="color: rgb(255, 0, 0);">Post:</span><br /><br />Para la fecha:<br /><pre><code><br /><span style="font-size:85%;"><span style="font-family:courier new;">.date-header {</span><br /><span style="font-family:courier new;">padding-left: 20px;</span><br /><span style="font-family:courier new;">padding-top: 5px;</span><br /><span style="font-family:courier new;">background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG3DgoXz7U2Q1lZvYceHe329nWRPSPzTPJg-m0mVZX2DGzoJqOpXcdhXW7b8sRS7DnMwwfWZ4gncHpY8_4bUcavtVdjkOXtIGGM9Unt1B8JpU4o4QgZ-t75KEXGoFdAQnZ9HG2ePuqZhg/s1600/time.png) center left no-repeat;</span><br /><span style="font-family:courier new;">}</span></span><br /></code></pre><br />Para las etiquetas:<br /><pre><code><br /><span style=";font-family:courier new;font-size:85%;" >.post-labels {<br />padding-left: 20px;<br />padding-top: 5px;<br />background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ2A-GTTDbKMs-b0UeRxUwbYgll09ps-QGwXnz8vpCtRrcw44Pv_Stbkit02LkqDi-hizVGfRu9mes2-SzrSeWU0Juu6uB6l9nS0so-SUH5xAs_f0mlVS7Ty0QcXF745qxJ91Eo3hsMrg/s1600/etiqueta_naranja.gif) center left no-repeat;<br />}</span><br /></code></pre><br />Para el autor:<br /><pre><code><br /><span style=";font-family:courier new;font-size:85%;" >.post-author {<br />padding-left: 20px;<br />padding-top: 5px;<br />background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHJcnV91uBspsCPPl0OQSGXDKDicpL4mrx6rBfJM-TPqUopfdIt_bhEhWNgpk_svNOx2BxPnmzLbDzODMNrIO4QbN5eKQ4WArasrHgAKNZHt1Ewz_hrp5LM2h_g3j5Ke_ZXpcqLz9ClrY/s1600/autor.gif) center left no-repeat;<br />}<br /></span></code></pre><br />Para el titulo del post:<br /><span style=";font-family:courier new;font-size:85%;" ><pre><code><br />.post-title {<br />padding-left: 20px;<br />padding-top: 5px;<br />background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTRC8tAcR2R9tKkYhAJQTFeM9_1TPXhEzacTEa0Ba5DYH0yr6BZ9PaMvSsDxe59VQzJQelRGIRilcUymIM4n1WOq5REJRrr3FoZ734cEVhv-YSDZgeOGl0Pn7xVrzjqGY30eB7JqrmZAI/s1600/icono-documento.gif) center left no-repeat;<br />}<br /></code></pre></span></span><div style="text-align: center; font-family: georgia;"><br /></div><div style="text-align: left;"><span style="font-family: georgia;font-size:100%;" id="fullpost" ><span style="">Para la fecha de los comentarios:</span></span><br /></div><span id="fullpost"><span style=";font-family:courier new;font-size:85%;" ><pre><code><br /><span style=";font-family:courier new;font-size:85%;" >.comment-timestamp {<br />padding-left: 20px;<br />padding-top: 5px;<br />background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSznBdn57Ao7FZJglGcFd78p-vmcmzFLQXAGQUp1PENwVECOdnNHtDkP9M8RBM3p-Y1y_aERIKGMkAaDPFopSA1F4IEtys5GFrug-So6U6pmhmCmiHf3HgP3-yebfeH38B3mxASH5bksI/s1600/icono-calendario.gif) center left no-repeat;<br />}</span><br /></code></pre><br /></span></span><div style="text-align: left;"><span style="font-family: georgia;font-size:100%;" id="fullpost" ><span style=""><span style="font-family: georgia;">Para los comentarios:</span></span></span><br /></div><span id="fullpost"><span style=";font-family:courier new;font-size:85%;" ><pre><code><br /><span style=";font-family:courier new;font-size:85%;" >.comment-link {<br />padding-left: 20px;<br />padding-top: 5px;<br />background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPpgKria5KVeJJ7AL2he0l1mqFLvZeFVgmNQ3go7hllQnIEdS-rHqCxEvFYW23iZ3eksBFCx2yFO9eB0koAZ6Romv2yBdPRcB8qFVXKAsbpQerHh62Z2VHZviOrlVlySYK5fRoU6qAn78/s1600/icono-comentarios.gif) center left no-repeat;<br />}<br /></span></code></pre><span style="color: rgb(255, 0, 0); font-family: georgia;font-size:100%;" ><br /><br />Sidebar:</span><span style="font-size:100%;"><br /></span><br /><span style="font-family: georgia;font-size:100%;" >Para los links:</span><br /><br /><pre><code><br /><span style=";font-family:courier new;font-size:85%;" >#LinkList1 ul, #LinkList2 ul {<br />list-style-type:none;<br />}<br /><br />#LinkList1 li, #LinkList2 li {<br />padding-left: 20px;<br />padding-top: 5px;<br />background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgvzEz40s4hLE1zBhHiPRP5H_-OWW25uuaS17Hp2N3mc6e68WvopBjB_doxMH4OjH15jJpdLiU07pZUxkC9o1x8TN0NY2Tjow4DxhcUa5gWc1hfi5SzEtmH4msK7pV0J1RPnODaiogQ9w/s1600/icono-links.gif) center left no-repeat;<br />}</span><br /></code></pre><span style="font-family: georgia;font-size:100%;" ><br /><br />Para los blacklinks:<br /><br /></span><pre><code><br /><span style=";font-family:courier new;font-size:85%;" >#backlinks-container h4 {<br />padding-left: 20px;<br />padding-top: 5px;<br />background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3GCP8inRWSM1NIOzOkNuLSNVd7asbUxu5xw0QqF3ZQ5lJATUM2Le5ufvtx4oDF-9rQFSxEfiz2cFP8DOUYhvd-w_QHwSVAnKE-nlBABfkJK1fO6vXOuQDMkpBOcNyP-hZBfztXCwmZyc/s1600/icono-backlinks.gif) center left no-repeat;<br />}</span><br /></code></pre><br /><span style="font-family: georgia;font-size:100%;" >Para las etiquetas:</span><br /><pre><code><br /><span style=";font-family:courier new;font-size:85%;" >#Label1 ul, #Label2 ul {<br />list-style-type:none;<br />}<br /><br />#Label1 li, #Label2 li {<br />padding-left: 20px;<br />padding-top: 5px;<br />background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLJGI65KlhRgSCdrkT_YnRqbZp5HzTWARpeQ6KbHi476onf7GdQxjvQ0vg8jhanU5DcFpDtUTDTAD3X6ccElsN9RQCOr4BnQNh-4nK8_aWUgSty8AUXrAiD1Gpcb1xJV1Slj_kV-kKYRg/s1600/icono-etiqueta-azul.gif) center left no-repeat;<br />}<br /></span></code></pre><span style="font-size:100%;"><br /></span><span style="color: rgb(255, 0, 0);font-size:100%;" >Footer:</span><span style="font-size:100%;"><br /><br />Para el feed:<br /><br /></span><pre><code><br /><span style=";font-family:courier new;font-size:85%;" >.feed-links {<br />padding-left: 20px;<br />padding-top: 5px;<br />background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqYDINTl_J-RDEwm5kXpohQbTROsFMs-nzbWMjrcJfrGoGSXBfyRjTE-fQKrZWtp4PW2n9OZThIOusqVzsGHbXRb3O3B7wF-jJ-wbCU5ZoDJgGAP4nKp9ncvjGs5vDlh185ZO0POlAnQY/s1600/icono-feed.gif) center left no-repeat;<br />}</span><br /></code></pre><br />Listo :) .<br /></span></span>Andreshttp://www.blogger.com/profile/07614536744753096596noreply@blogger.com9tag:blogger.com,1999:blog-1012555048096486709.post-80613628997916856882007-05-12T19:01:00.001-05:002009-09-11T14:42:32.834-05:00Quitar la navbar de blogger.Hola, este truco es para los aprendices ya que es uno de los primeros trucos que salieron para blogger y es muy pero muy sencillo.<br /><span id="fullpost"><br /><span style="color: rgb(255, 0, 0);">1.-</span> En vuestro HTML pegaos el siguiente codigo despues del head:<br /><pre><code><br /></span><span id="fullpost"><span id="fullpost"><span style="font-size:85%;"><span style="font-family:courier new;">#navbar-iframe {</span><br /><span style="font-family:courier new;">height:0px;</span><br /><span style="font-family:courier new;">visibility:hidden;</span><br /><span style="font-family:courier new;">display:none;</span><br /><span style="font-family:courier new;">}</span></span></span></span><span id="fullpost"><span style="font-size:85%;"><span style="font-family:courier new;"><style type="'text/css'"></style></span><span style=""> </span></span><span id="fullpost"><br /></code></pre><br /><span style="font-family:courier new;"><br /><span style=";font-family:georgia;font-size:100%;" >Y listo :) .</span></span></span><br /></span>Andreshttp://www.blogger.com/profile/07614536744753096596noreply@blogger.com5tag:blogger.com,1999:blog-1012555048096486709.post-24602223237754776862007-05-12T14:29:00.001-05:002009-09-11T14:44:11.592-05:00Añadir Redes Sociales al Blog (Actualizacion).Hola, muchos se preguntan como añadir las redes sociales creadas por beautifulbeta al blog, ya que en beautifulbeta no lo explican solo el primer paso, bueno esto es muy facil pasamos a explicar:<br /><span id="fullpost"><br /><span style="color: rgb(255, 0, 0);">1.-</span> En nuestro HTML antes del /head pegamos el siguiente codigo:<br /><pre><code><br /><span style="font-family: courier new;font-size:85%;" ><script src='http://andresblogs.googlepages.com/beautifulbeta.js' type='text/javascript'/></span><br /></code></pre><br /><span style="color: rgb(255, 0, 0);">2.-</span> Ahora expandimos los artilugios y buscamos la siguiente linea:<br /><pre><code><br /><span style="font-family: courier new;font-size:85%;" ><p class='post-footer-line post-footer-line-3'></span><br /></code></pre><br /><pre><code><br /><span style="color: rgb(255, 0, 0);">3.- </span>Y reemplazamos esta linea por el siguiente codigo, solo esa linea por el siguiente codigo:<br /><span style="font-family: courier new;font-size:85%;" ><br /><p class='post-footer-line post-footer-line-3'><br /><span class='bookmark'><br /><table align='left' border='0' cellpadding='0' width='100%'><br /><tr><br /><td style='vertical-align:middle' valign='middle' width='30%'><br /><div expr:id='"sbtxt"+data:post.id'>Bookmark this post:</div><script type='text/javascript'>showsbtext(&quot;sbtxt&quot; + "<data:post.id/>&quot;,0)</script><br /></td><br /><td><br /><a expr:href='"http://digg.com/submit?phase=3&amp;url=" + data:post.url' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",1);"' target='_blank'><img alt='DiggIt!' src='http://home.planet.nl/~hansoosting/images/icon_sb_dig.gif'/></a> <a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",2);"' target='_blank'><img alt='Del.icio.us' src='http://home.planet.nl/~hansoosting/images/icon_sb_del.gif'/></a> <a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=" + data:post.url + "&amp;Title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",3);"' target='_blank'><img alt='Blinklist' src='http://home.planet.nl/~hansoosting/images/icon_sb_bli.gif'/></a> <a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&amp;=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",4);"' target='_blank'><img alt='Yahoo' src='http://home.planet.nl/~hansoosting/images/icon_sb_yah.gif'/></a> <a expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&amp;t=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",8);"' target='_blank'><img alt='Furl' src='http://home.planet.nl/~hansoosting/images/icon_sb_fur.gif'/></a> <a expr:href='"http://www.technorati.com/cosmos/search.html?url=" + data:post.url' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",9);"' target='_blank'><img alt='Technorati' src='http://home.planet.nl/~hansoosting/images/icon_sb_tec.gif'/></a> <a expr:href='"http://meneame.net/login.php?return=/submit.phphref=" + data:post.url + "&amp;title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",10);"' target='_blank'><img alt='Meneame' src='http://andresblogs.googlepages.com/icon_sb_men.gif'/></a> <a expr:href='"http://www.google.com/bookmarks/mark?op=add&amp;bkmk=" + data:post.url + "&amp;title="+data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",19);"' target='_blank'><img alt='Google' src='http://home.planet.nl/~hansoosting/images/icon_sb_goo.gif'/></a><br /></td><br /></tr><br /></table><br /></span><br /></p><br /></div></span><br /></code></pre><br />Y Listo :) .<br />Nota: No compatible con algunas plantillas<br /></span>Andreshttp://www.blogger.com/profile/07614536744753096596noreply@blogger.com2tag:blogger.com,1999:blog-1012555048096486709.post-39485269442846622142007-05-05T19:22:00.001-05:002009-09-11T14:46:21.660-05:00Menu que baja con el scroll.Hola, pienso que todos ven el menu al lado de la sidebar que baja con el scroll, bueno, los que no veanlo, pasare a explicar el truco ahora :D :<br /><span id="fullpost"><br /><span style="color: rgb(255, 0, 0);">1.- </span>Nos dirigimos a nuestro HTML y antes del cierre b:skin pegamos el siguiente codigo:<br /><pre><code><br /><span style="font-family: courier new;font-size:85%;" ><br />#SmallIcon{<br />position:fixed;<br />text-align:left;<br />margin-top:100px;<br />margin-left:-28px;<br />}<br /><br />* html #SmallIcon{ /*IE only*/<br />position:absolute;<br />}<br /><br />#SmallIcon a img{<br />opacity:1;<br />-moz-opacity:1;<br />filter:alpha(Opacity=100);<br />}<br /><br />#SmallIcon a:hover img{<br />opacity:0.8;<br />-moz-opacity:0.8;<br />filter:alpha(Opacity=80);<br />position:relative;top:0px;left:2px;<br />}<br /><br />* html #SmallIcon a img{<br />filter:alpha(Opacity=100);<br />}<br /><br />#SmallIcon img{<br />margin-bottom: -5px;<br />}<br /><br />* html .SmallIcon{<br />margin-bottom: -3px;<br />}</span><br /></code></pre><br /><span style="color: rgb(255, 0, 0);">2.-</span> Ahora, en elementos de pagina añadimos un artilugio, un html con el siguiente codigo:<br /><pre><code><br /><span style="font-size:85%;"><span style="font-family: courier new;"><div id="SmallIcon"></span><br /><span style="font-family: courier new;"><span></span><br /><span style="font-family: courier new;"><a style="border:0;" href="http://blogger-adictos.blogspot.com" rel="external" title="Volver al Inicio"><img alt="Home" src="http://chenkaie.googlepages.com/HomeIcon_BG_G.png" class="SmallIcon"/></a></span><br /><span style="font-family: courier new;"><br/></span><br /><span style="font-family: courier new;"><a style="border:0;" href="http://www2.blogger.com/profile/07614536744753096596" rel="external" title="Sobre Mi"><img alt="Home" src="http://chenkaie.googlepages.com/ArchiveIcon_BG_G.png" class="SmallIcon"/></a></span><br /><span style="font-family: courier new;"><br/></span><br /><span style="font-family: courier new;"><a style="border:0;" href="mailto:andresblogs@gmail.com" title="Contactame"><img alt="Contactar al Autor" src="http://chenkaie.googlepages.com/EmailIcon_BG_G.png" class="SmallIcon"/></a></span><br /><br /><span style="font-family: courier new;"><br/></span><br /><span style="font-family: courier new;"><a style="border:0;" href="http://http://blogger-adictos.blogspot.com/feeds/posts/default" title="Subscribete a Blogger Adictos"><img alt="Subscribe to Blogging Secret feed" src="http://andresblogs.googlepages.com/FeedIcon_BG_Gcopy.png" class="SmallIcon"/></a></span><br /><span style="font-family: courier new;"><br/></span><br /><span style="font-family: courier new;"><a style="border:0;" href="#" onclick="new effect.scrollto(header-wrapper,{offset: 0})" title="Ir Arriba"><img top="" alt="Back to " src="http://louislim2.googlepages.com/topbutt2.PNG" class="SmallIcon"/></a></span><br /><span style="font-family: courier new;"></span></span><br /><span style="font-family: courier new;"></div></span></span><br /></code></pre><br />Bueno listo, creo que el widget es mas grande que el estilo :D .<br /></span>Andreshttp://www.blogger.com/profile/07614536744753096596noreply@blogger.com1tag:blogger.com,1999:blog-1012555048096486709.post-67269686181709837762007-05-05T16:04:00.001-05:002009-09-11T14:47:39.809-05:00Post expandibles para el Blog.Hola, algunos de ustedes, se habran perguntado como hacer este truco de post expandibles pues es facil solo sigan los siguientes pasos:<br /><span id="fullpost"><br /><span style="color: rgb(255, 0, 0);">1.-</span> En nuestro HTML antes del /head pegamos el siguiente codigo:<br /><pre><code><br /><span style="font-size:85%;"><span style="font-family: courier new;"><script type='text/javascript'</span><br /><span style="font-family: courier new;">src='http://www.anniyalogam.com/widgets/hackosphere.js' ></script></span></span><br /></code></pre><br /><span style="color: rgb(255, 0, 0);">2.- </span>Ahora expandimos los artilugios y buscamos el siguiente codigo:<br /><pre><code><br /><span style="font-family: courier new;font-size:85%;" ><b:includable id='main' var='top'><br /><!-- posts --><br /><div id='blog-posts'><br /><b:loop values='data:posts' var='post'><br /><b:if cond='data:post.dateHeader'><br /><h2 class='date-header'><data:post.dateHeader/></h2><br /></b:if></span><br /></code></pre><br /><span style="color: rgb(255, 0, 0);">3.-</span> Encima de este codigo pegamos el siguiente:<br /><pre><code><br /><span style="font-family: courier new;font-size:85%;" ><b:includable id='PeekABooPost' var='post'><br /><div class='post uncustomized-post-template'><br /><table><tr><br /><td width='40px'><br /><a href='javascript:void(0)' title='Expand/collapse this post' style='text-decoration:none' expr:onclick='"javascript:toggleIt(\"" + data:post.id + "\");"'>[+/-]</a><br /></td><br /><td><br /><h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3><br /></td><br /></tr></table><br /><div class='post-body' expr:id='data:post.id' style='display:none'><br /><p><data:post.body/></p><br /><div style='clear: both;'/> <!-- clear for photos floats --><br /></div><br /></div><br /></b:includable><br /></span><br /></code></pre><br /><span style="color: rgb(255, 0, 0);">4.- </span>Ahora buscamos el siguiente codigo:<br /><pre><code><br /><span style="font-family: courier new;font-size:85%;" ><b:if cond='data:blog.pageType == "item"'><br /><b:if cond='data:post.allowComments'><br /><b:include data='post' name='comments'/><br /></b:if><br /></b:if><br /></b:loop><br /></div></span><br /></code></pre><br /><span style="color: rgb(255, 0, 0);">5.-</span> Y encima de este pegamos el siguiente:<br /><pre><code><br /><span style="font-family: courier new;font-size:85%;" ><b:if cond='data:blog.homepageUrl != data:blog.url'><br /><b:if cond='data:blog.pageType != "item"'><br /><b:include data='post' name='PeekABooPost'/><br /><b:else/><br /><b:include data='post' name='post'/><br /></b:if><br /><b:else/><br /><br /><b:include data='post' name='post'/><br /><br /></b:if></span><br /></code></pre><br />Y listo :P .<br /></span>Andreshttp://www.blogger.com/profile/07614536744753096596noreply@blogger.com5tag:blogger.com,1999:blog-1012555048096486709.post-85196231634482866372007-05-05T15:39:00.000-05:002007-05-05T15:40:51.512-05:00Iconos de Navegacion para el Blog.Hola, este truco sirve para reemplazar: Entardas Antiguas - Pagina Principal - Entradas Siguientes por unos iconos de navegacion muy cheveres, asi que a trabajar:<br /><span id="fullpost"><br /><span style="color: rgb(255, 0, 0);">1.-</span> En tu HTML expamdimos los artilugios y buscamos el siguiente codigo:<br /><br /><span style="font-family: courier new;font-size:85%;" ><b:includable id='nextprev'><br /><div class='blog-pager' id='blog-pager'><br /><b:if cond='data:newerPageUrl'><br /><span id='blog-pager-newer-link'><br /><a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a><br /></span><br /></b:if><br /><br /><b:if cond='data:olderPageUrl'><br /><span id='blog-pager-older-link'><br /><a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a><br /></span><br /></b:if><br /><br /><b:if cond='data:blog.homepageUrl != data:blog.url'><br /><a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a><br /><b:else/><br /><b:if cond='data:newerPageUrl'><br /><a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a><br /></b:if><br /></b:if><br /></div><br /><div class='clear'/><br /></b:includable></span><br /><br /><span style="color: rgb(255, 0, 0);">2.-</span> Lo reemplazamos por el siguiente:<br /><span style="font-size:85%;"><br /><span style="font-family: courier new;"><b:includable id='nextprev'></span><br /><span style="font-family: courier new;"><div id='blog-pager'></span><br /><span style="font-family: courier new;"><b:if cond='data:newerPageUrl'></span><br /><span style="font-family: courier new;"><a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'></span><br /><span style="font-family: courier new;"><img src='http://andresblogs.googlepages.com/Left.png'/></span><br /><span style="font-family: courier new;"></a></span><br /><span style="font-family: courier new;"></b:if></span><br /><br /><span style="font-family: courier new;"><b:if cond='data:olderPageUrl'></span><br /><span style="font-family: courier new;"><a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'></span><br /><span style="font-family: courier new;"><img src='http://andresblogs.googlepages.com/Right.png'/></span><br /><span style="font-family: courier new;"></a></span><br /><span style="font-family: courier new;"></b:if></span><br /><br /><span style="font-family: courier new;"><a class='home-link' expr:href='data:blog.homepageUrl'></span><br /><span style="font-family: courier new;"><img src='http://andresblogs.googlepages.com/Home.png'/></span><br /><span style="font-family: courier new;"></a></span><br /><span style="font-family: courier new;"></div></span><br /><span style="font-family: courier new;"><div class='clear'/></span><br /><span style="font-family: courier new;"></b:includable></span></span><br /><br />Y listo :) .<br /></span>Andreshttp://www.blogger.com/profile/07614536744753096596noreply@blogger.com3tag:blogger.com,1999:blog-1012555048096486709.post-50923365804616729432007-05-05T08:10:00.000-05:002007-05-05T08:18:01.475-05:00Dominios Gratis.Hola, he encontrado esta pagina muy buena que da dominios gratis asi como lo leyeron gratis, aunq estos servicios hay muy pocos yo os recomiendo visitar la pagina, los requisitos para tener un dominio gratis son los siguiente:<br /><span id="fullpost"><br />1.- Una pagina web o blog activa.<br />2.- Tener visitas.<br />3.- Poner un banner de dominiogratis<br /><br />Para conseguir un dominio deberan ir a http://dominiogratis.com<br /></span>Andreshttp://www.blogger.com/profile/07614536744753096596noreply@blogger.com1tag:blogger.com,1999:blog-1012555048096486709.post-83358489537477820612007-05-02T15:31:00.000-05:002007-05-02T17:34:44.124-05:00Google Talk para el BlogHola, al fin he encontrado como hacer el boton añadir un widget, compartire este truco con ustedes cuando lo halla probado<br /><span id="fullpost"><br /><center><form name="Button"><span style="border-style: solid; border-color: rgb(153, 204, 255) rgb(17, 68, 136) rgb(0, 51, 119) rgb(136, 187, 238); border-width: 2px; padding: 10px 8px; background: rgb(102, 153, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><input value="Añadir a mi Blog" onclick="self.location.href=('http://beta.blogger.com/add-widget?widget.title=Google%20Talk&widget.content=%3Ciframe%20width%3D%22234%22%20frameborder%3D%220%22%20src%3D%22http%3A%2F%2Ftalkgadget.google.com%2Ftalkgadget%2Fclient%3Ffid%3Dgtalk0%26relay%3Dhttp%253A%252F%252Fwww.google.com%252Fig%252Fifpc_relay%22%20height%3D%22350%22%3E%3C%2Fiframe%3E%3Cp%20style%3D%22margin%3A-8px%200%22%3E%26nbsp%3B%3Ca%20style%3D%22font-size%3A60%25%3Btext-decoration%3Anone%22%20href%3D%22http%3A%2F%2Fblogger-templates.blogspot.com%2F2007%2F03%2Fadd-google-talk-to-your-blog.html%22%3EAdd%20To%20My%20Blog%3C%2Fa%3E%3C%2Fp%3E')" type="button"></span></form><span id="fullpost"></span></center></span>Andreshttp://www.blogger.com/profile/07614536744753096596noreply@blogger.com1tag:blogger.com,1999:blog-1012555048096486709.post-9996654694701788662007-04-29T10:18:00.000-05:002007-04-29T10:21:01.133-05:00Categorias recargadas con ajax para el Blog.Hola, si dan click en mis etiquetas podran ver que se abre un cudro donde dice cargando y al lado una imagen, luego se abre un cuadro con los ultimos post, bueno si te gusta aqui el truco:<br /><span id="fullpost"><br /><span style="color: rgb(255, 0, 0);">1.-</span> En tu HTML pega el siguiente codigo antes del /head:<br /><br /><span style="font-family: courier new;font-size:85%;" ><style type='text/css'><br />#indicator {<br />position:fixed;<br />z-index:1000;<br />padding:15px 0;<br />top:40%;<br />background-color:#FFFFFF;<br />border:1px solid #000000;<br />width:176px;<br />left:50%;<br />margin-left:-88px;<br />text-align:center;<br />}<br />#search-result {<br />border:1px solid #AAAAAA;<br />padding:10px;<br />padding-bottom:30px;<br />font-size:85%;<br />}<br />.search-result-meta {<br />background:#EFEFEF;<br />padding:2px;<br />}<br />.search-result-meta img {<br />border-width:0;<br />vertical-align:<br />text-bottom;<br />}<br />.search-title{<br />font-size:1em;<br />padding-bottom:3px;<br />font-weight:bold;<br />text-align:left;<br />text-decoration:underline;<br />}<br />.search-cat{<br />display:block;<br />padding:3px;<br />font-size:1em;<br />margin-top:5px;<br />margin-bottom:5px;<br />border-bottom:1px solid #C0C0C0;<br />font-weight:bold;<br />}<br />.search-close {<br />color:silver;<br />float:right;<br />border:1px solid #F5F5F5;<br />margin-top:10px;cursor:pointer;<br />}<br />.search-result-nav {<br />font-size:1.4em;<br />font-weight:bold;<br />padding:5px 0pt;<br />text-align:center;<br />}<br /></style><br /><br /><script src='http://bloggerhacked.googlepages.com/prototype.js' type='text/javascript'/><br /><script type='text/javascript'><br />//<![CDATA[<br />// Parametros Personalizables por el Usuario<br />// ----------------------------<br />// maxresults - Numero de resultado de mostrar por pagina<br />// navFlag - Poner Navegacion ON o OFF. Dar 1 para ON y 0 para OFF.<br />// feedLabel - Text to show for the label feed link.<br />// catLabel - Etiqueta para categorias.<br />// closeLabel - Etiqueta para boton Cerrar. Tu puedes usar hypertexto tambien.<br />var maxresults = 5;<br />var navFlag = 1; //ON por defecto<br />var feedLabel = "Suscribir a";<br />var catLabel = "Categoria:";<br />var closeLabel = "Click para cerrar";<br />//]]><br /></script><br /><script src='http://bloggerhacked.googlepages.com/ajaxlabels.js' type='text/javascript'/></span><br /><br /><span style="color: rgb(255, 0, 0);">2.-</span> Buscar la siguiente linea de codigo en tu HTML:<br /><span style="font-family: courier new;font-size:85%;" ><br /><b:loop values='data:post.labels' var='label'><br /><a expr:href='data:label.url' rel='tag'><data:label.name/></a></span><br /><br /><span style="color: rgb(255, 0, 0);">3.- </span>Y remplazalo por el siguiente:<br /><span style="font-family: courier new;font-size:85%;" ><br /><b:loop values='data:post.labels' var='label'><br /><a href='#sres' expr:onclick='"javascript:getCat(\"" + data:label.name + "\",null)"' rel='tag'><data:label.name/></a></span><br /><br /><span style="color: rgb(255, 0, 0);">4.-</span> Opcional. Si tu ya tienes las etiquetas en tu plantilla buscar el siguiente codigo:<br /><span style="font-family: courier new;font-size:85%;" ><br /><b:if cond='data:blog.url == data:label.url'><br /><data:label.name/><br /><b:else/><br /><a href='data:label.url'><data:label.name/></a><br /></b:if></span><br /><br /><span style="color: rgb(255, 0, 0);">5.-</span> Y reemplazarlo por este:<br /><span style="font-family: courier new;font-size:85%;" ><br /><b:if cond='data:blog.url == data:label.url'><br /><data:label.name/><br /><b:else/><br /><a href='#sres' expr:onclick='"javascript:getCat(\"" + data:label.name + "\",null)"' ><data:label.name/></a><br /></b:if></span><br /><br /><span style="color: rgb(255, 0, 0);">6.-</span> Ahora en elementos de la pagina, añade un widget y luego un HTML/Javascript y pega el siguiente codigo:<br /><span style="font-family: courier new;font-size:85%;" ><br /><br/><div id="indicator" style="display:none"><img alt="Indicator" src="http://bloggerhacked.googlepages.com/indicator.gif"/> Cargando...</div><br/><div id="search-result" style="display:none"><a name="sres"></a><br/><div class="search-close" onclick="javascript:Element.hide('search-result')"><br/><script type="text/javascript">document.write(closeLabel);</script></div><br/><div id="show-result"></div><br/><div class="search-close" onclick="javascript:Element.hide('search-result')"><br/><script type="text/javascript">document.write(closeLabel);</script></div></div></span><br /><br />Y listo disfrutenlas :) .<br /></span>Andreshttp://www.blogger.com/profile/07614536744753096596noreply@blogger.com1tag:blogger.com,1999:blog-1012555048096486709.post-19793293584062679612007-04-29T10:12:00.000-05:002007-05-09T17:22:57.978-05:00Leer mas para el Blog.Hola, les traigo este truco ya que veo que muchas personas lo implementan en sus blogs y pienso que a ustedes tambien les gustaria, bueno comenzemos:<br /><span id="fullpost"><br /><span style="color: rgb(255, 0, 0);">1.-</span> En nuestro HTML pegar el siguiente codigo antes del /head:<br /><br /><span style="font-size:85%;"><span style="font-family:courier new;"><script type='text/javascript' src=</span><br /><span style="font-family:courier new;">'http://www.anniyalogam.com/widgets/hackosphere.js' /></span></span><br /><br /><span style="color: rgb(255, 0, 0);">2.- </span>Buscamos la siguiente linea:<br /><br /><span style=";font-family:courier new;font-size:85%;" ><div class='post-body'></span><br /><br /><span style="color: rgb(255, 0, 0);">3.- </span>Y la reemplazamos por la siguiente:<br /><br /><span style=";font-family:courier new;font-size:85%;" ><div class='post-body' expr:id='"post-" + data:post.id'><br /><b:if cond='data:blog.pageType == "item"'></span><br /><br /><span style="color: rgb(255, 0, 0);">4.- </span>Ahora buscamos el siguiente codigo:<br /><br /><span style=";font-family:courier new;font-size:85%;" ><p><data:post.body/></p></span><br /><br /><span style="color: rgb(255, 0, 0);">5.-</span> Y debajo de este pegamos el siguiente:<br /><br /><span style=";font-family:courier new;font-size:85%;" ><b:else/><br /><style>#fullpost {display:none;}</style><br /><p><data:post.body/></p><br /><span id='showlink'><br /><p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Read More...</a></p><br /></span><br /><span id='hidelink' style='display:none'><br /><p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Summary only...</a></p><br /></span><br /><script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script><br /></b:if></span><span style=";font-family:courier new;font-size:85%;" ></span><br /><br />Y listo :) .<br /></span>Andreshttp://www.blogger.com/profile/07614536744753096596noreply@blogger.com3tag:blogger.com,1999:blog-1012555048096486709.post-53237807302127221402007-04-29T09:57:00.000-05:002007-05-22T20:23:13.722-05:00Boton ir arriba (Actualizacion)Hola, en mi pagina hay un boton que se mueve con el scrool y que dice ir arriba, al darle click se dirige hacia arriba de la pagina, pienso que querrian esl truco asi que aqui va:<br /><span id="fullpost"><br /><span style="color: rgb(255, 0, 0);">1.-</span> Antes del primer body de tu codigo html pegar este codigo:<br /><span style=";font-family:courier new;font-size:85%;" ><br /></span></span><span style=";font-family:courier new;font-size:85%;" ><a href="<span style="color: rgb(255, 0, 0);">aqui el enlace</span>"><img src="<span style="color: rgb(255, 0, 0);">aquí la url de la imagen</span> " alt="ir arriba" border="0" style="position:fixed; bottom:0; right:0;" /></a></span><span id="fullpost"><br /><br />Y listo que facil no?? :) .<br /><br />Nota: No compatible con ie 6 solo 7<br /></span>Andreshttp://www.blogger.com/profile/07614536744753096596noreply@blogger.com0tag:blogger.com,1999:blog-1012555048096486709.post-88875215799624155362007-04-29T09:54:00.000-05:002007-05-03T18:08:41.138-05:00Enlazame<span style="color: rgb(255, 0, 0);">Enlaze de Texto:</span><br /><span style="font-size:85%;"><span style="font-family:courier new;"><li><a href="http://blogger-adictos.blogspot.com.blogspot.com/">Blogger Adictos</a></li></span></span><br /><br /><span style="color: rgb(255, 0, 0);">Enlaze de Imagen:</span><br /><span style="font-size:85%;"><span style="font-family: courier new;"><center><a href="http://blogger-adictos.blogspot.com/"><img alt="" style="border: 0pt none ;" src="http://andresblogs.googlepages.com/Linkemae.jpg"/><</span></span><br /><span id="fullpost"><br /></span>Andreshttp://www.blogger.com/profile/07614536744753096596noreply@blogger.com0tag:blogger.com,1999:blog-1012555048096486709.post-5708137744712922522007-04-29T09:51:00.000-05:002007-04-29T09:53:31.549-05:00Comentarios con imagen del autor para el Blog.Hola, hoy traigo un truco muy bueno y cool para vuestros comentarios, se trata de cambiar el estilo de los comentarios de blogger por uno mejor, ahora paso a explicar el truco:<br /><span id="fullpost"><br /><span style="color: rgb(255, 0, 0);">1.- </span>Nos dirigimos al HTML y expandimos los artilugios, ahorabuscamos el siguiente codigo:<br /><br /><span style="font-family: courier new;font-size:85%;" ><dl id='comments-block'><br /><b:loop values='data:post.comments' var='comment'><br /><dt class='comment-author' expr:id='"comment-" + data:comment.id'></span><br /><br /><span style="color: rgb(255, 0, 0);">2.-</span> Debajo de este codigo añadimos el siguiente:<br /><br /><span style="font-family: courier new;font-size:85%;" ><div class='commentphoto' style='float:right;'/></span><br /><br /><span style="color: rgb(255, 0, 0);">3.- </span>Ahora un poco mas abajo ubicamos el siguiente codigo:<br /><br /><span style="font-family: courier new;font-size:85%;" ><b:include data='comment' name='commentDeleteIcon'/><br /></span><br /></dd></span><br /><br /><span style="color: rgb(255, 0, 0);">4.-</span> Y abajo de este pegamos este otro:<br /><span style="font-family: courier new;font-size:85%;" ><br /><div style='clear:both;'/></span><br /><br /><span style="color: rgb(255, 0, 0);">5.-</span> Listo, ajora nos ubicamos antes del /head y antes de este pegamos el siguiente codigo:<br /><br /><span style="font-size:85%;"><span style="font-family: courier new;"><script src='http://leonelhack.googlepages.com/blogger_comment_photos.js' type='text/javascript'></script></span><br /><span style="font-family: courier new;"><script type='text/javascript'></span><br /><span style="font-family: courier new;">//<![CDATA[</span><br /><span style="font-family: courier new;">BloggerProfiles.noimage = 'http://img139.imageshack.us/img139/1011/defaultavatarad7.png'</span><br /><span style="font-family: courier new;">BloggerProfiles.imageWidth = 60;</span><br /><span style="font-family: courier new;">BloggerProfiles.imageHeight = 75;</span><br /><span style="font-family: courier new;">addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author', 1);});</span><br /><span style="font-family: courier new;">//]]></script></span></span><br /><br />Listo disfrutenlo :) .<br /></span>Andreshttp://www.blogger.com/profile/07614536744753096596noreply@blogger.com2tag:blogger.com,1999:blog-1012555048096486709.post-25832522750450624002007-04-29T09:44:00.000-05:002007-04-29T09:46:20.390-05:00Comentarios mas coloridos para el BlogHola, hoy traigo un truco muy bueno y cool para vuestros comentarios, se trata de cambiar el estilo de los comentarios de blogger por uno mejor, ahora paso a explicar el truco:<br /><span id="fullpost"><br /><span style="color: rgb(255, 0, 0);">1.-</span> En tu HTML busca el siguiente codigo:<br /><br /><span style="font-family: courier new;font-size:85%;" >/* Comments ----------------------------------------------- */<br />#comments {<br />margin:0;<br />}<br />#comments h4 {<br />margin:0 0 10px;<br />border-top:1px dotted $borderColor;<br />padding-top:.5em;<br />line-height: 1.4em;<br />font: bold 110% Georgia,Serif;<br />color:#333;<br />}<br />#comments-block {<br />line-height:1.6em;<br />}<br />.comment-author {<br />background:url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat 2px .35em; margin:.5em 0 0;<br />padding:0 0 0 20px;<br />font-weight:bold;<br />}<br />.comment-body {<br />margin:0; padding:0 0 0 20px;<br />}<br />.comment-body p {<br />margin:0 0 .5em;<br />}<br />.comment-body-author {<br />margin:0; padding:0px 0px 0px 20px;<br />}<br />.comment-body-author p {<br />font-size:100%; margin:0 0 .2em 0;<br />color:#000000; text-decoration:bold;<br />}<br />.comment-footer {<br />margin:0 0 .5em;<br />padding:0 0 .75em 20px;<br />color:#996;<br />}<br />.comment-footer a:link {<br />color:#996;<br />}<br />.deleted-comment {<br />font-style:italic;<br />color:gray;<br />}</span><br /><br /><span style="color: rgb(255, 0, 0);">2.-</span> Ahora remplazamos este codigo por el siguiente:<br /><br /><span style="font-size:85%;"><span style="font-family: courier new;">/* Comments</span><br /><span style="font-family: courier new;">----------------------------------------------- */</span><br /><br /><span style="font-family: courier new;">#comments {</span><br /><span style="font-family: courier new;">padding-top: 10px;</span><br /><span style="font-family: courier new;">color: #555;</span><br /><span style="font-family: courier new;">font-family: 'Trebuchet MS';</span><br /><span style="font-family: courier new;">}</span><br /><span style="font-family: courier new;">#comments h4 {</span><br /><span style="font-family: courier new;">margin: 0px;</span><br /><span style="font-family: courier new;">padding: 8px 0 0 30px;</span><br /><span style="font-family: courier new;">font-size: 20px;</span><br /><span style="font-family: courier new;">color: #555;</span><br /><span style="font-family: courier new;">background: url(http://andresblogs.googlepages.com/Chat.png) no-repeat;</span><br /><span style="font-family: courier new;">height: 29px !important; /* for most browsers */</span><br /><span style="font-family: courier new;">height /**/:37px; /* for IE5/Win */</span><br /><span style="font-family: courier new;">}</span><br /><span style="font-family: courier new;">#comments ul {</span><br /><span style="font-family: courier new;">margin-left: 0;</span><br /><span style="font-family: courier new;">}</span><br /><span style="font-family: courier new;">#comments li {</span><br /><span style="font-family: courier new;">background: none;</span><br /><span style="font-family: courier new;">padding-left: 0;</span><br /><span style="font-family: courier new;">}</span><br /><span style="font-family: courier new;">.comment-body {</span><br /><span style="font-family: courier new;">background: url(http://compuanimation3d.googlepages.com/bg_comment.gif) no-repeat 35px 0px;</span><br /><span style="font-family: courier new;">padding-top:1px;</span><br /><span style="font-family: courier new;">}</span><br /><span style="font-family: courier new;">.comment-body p {</span><br /><span style="font-family: courier new;">background:#d0d0d0;</span><br /><span style="font-family: courier new;">margin: 5px 0 0px 0;</span><br /><span style="font-family: courier new;">border: 6px solid #e5e5e5;</span><br /><span style="font-family: courier new;">line-height: 1.6em;</span><br /><span style="font-family: courier new;">padding: 7px 7px 7px 13px;</span><br /><span style="font-family: courier new;">}</span><br /><span style="font-family: courier new;">.comment-body-author {</span><br /><span style="font-family: courier new;">background: url(http://compuanimation3d.googlepages.com/bg_comment.gif) no-repeat 35px 0px;</span><br /><span style="font-family: courier new;">padding-top:1px;</span><br /><span style="font-family: courier new;">}</span><br /><span style="font-family: courier new;">.comment-body-author p {</span><br /><span style="font-family: courier new;">background:#ccdacc;</span><br /><span style="font-family: courier new;">margin: 5px 0 0px 0;</span><br /><span style="font-family: courier new;">border: 6px solid #e5e5e5;</span><br /><span style="font-family: courier new;">line-height: 1.6em;</span><br /><span style="font-family: courier new;">padding: 7px 7px 7px 13px;</span><br /><span style="font-family: courier new;">}</span><br /><span style="font-family: courier new;">.comment-author {</span><br /><span style="font-family: courier new;">margin: 0px 0px 0px 0px;</span><br /><span style="font-family: courier new;">padding: 0 10px 0 40px;</span><br /><span style="font-family: courier new;">color: #777;</span><br /><span style="font-family: courier new;">font-size: 16px;</span><br /><span style="font-family: courier new;">font-weight:bold;</span><br /><span style="font-family: courier new;">background: url(http://andresblogs.googlepages.com/coments.png) no-repeat 20px 0px;</span><br /><span style="font-family: courier new;">}</span><br /><span style="font-family: courier new;">.comment-footer {</span><br /><span style="font-family: courier new;">padding: 5px 0px 3px 30px;</span><br /><span style="font-family: courier new;">}</span><br /><span style="font-family: courier new;">#comments li {</span><br /><span style="font-family: courier new;">padding: 0 0 1px 17px;</span><br /><span style="font-family: courier new;">background: url(http://compuanimation3d.googlepages.com/talk1.png) no-repeat 0 3px;</span><br /><span style="font-family: courier new;">}</span><br /><span style="font-family: courier new;">.comments-block .comment-body {</span><br /><span style="font-family: courier new;">background: #fff;</span><br /><span style="font-family: courier new;">}</span><br /><span style="font-family: courier new;">.comments-block .comment-footer{</span><br /><span style="font-family: courier new;">margin: 0 0 0 -10px;</span><br /><span style="font-family: courier new;">}</span><br /><span style="font-family: courier new;">.comment-title{</span><br /><span style="font-family: courier new;">margin: 0 0 0 30px;</span><br /><span style="font-family: courier new;">}</span><br /><span style="font-family: courier new;">.deleted-comment {</span><br /><span style="font-family: courier new;">font-style:italic;</span><br /><span style="font-family: courier new;">color:gray;</span><br /><span style="font-family: courier new;">}</span></span><br /><br />Y listo difruten el truco :) .<br /></span>Andreshttp://www.blogger.com/profile/07614536744753096596noreply@blogger.com2tag:blogger.com,1999:blog-1012555048096486709.post-31322698906746977872007-04-29T09:39:00.000-05:002007-04-29T09:40:48.732-05:00Emoticones en el Blog.Hola, hoy de todos los trucos para blogger me toca compartir con ustedes el truco de los emoticones, es un truco muy sencillo que me ha gustado mucho ya que los emoticones se ven muy bien, lo unico que tienes que hacer es seguir los siguientes pasos y listo, aqui los pasos:<br /><span id="fullpost"><br /><span style="color: rgb(255, 0, 0);">1.- </span>En tu edicion HTML, busca esta parte: /head y antes de esta pega el siguiente codigo:<br /><br /><span style="font-size:85%;"><span style="font-family: courier new;"><script src='http://leonelhack.googlepages.com/addSmiley.js'></script>/"></span></span><br /><br /><span style="color: rgb(255, 0, 0);">2.-</span> Ahora expandimos los artilugios y buscamos el siguiente codigo:<br /><span style="font-family: courier new;font-size:85%;" ><br /><b:section class="'main'" id="'main'" showaddelement="'no'"><br /><b:widget id="'Blog1'" locked="'false'" title="'Entradas" type="'Blog'/"><br /></b:section></span><br /><br /><span style="color: rgb(255, 0, 0);">3.-</span> Debajo de este colocamos este otro codigo:<br /><br /><span style="font-family: courier new;font-size:85%;" ><script language="javascript"><br />addSmiley('post-author', 'post-notes', 'comment-author');<br /></script><br /></span><br />Y listo tenemos nuestros emoticones disfrutenlos como yo :) .<br /><br /></span>Andreshttp://www.blogger.com/profile/07614536744753096596noreply@blogger.com0tag:blogger.com,1999:blog-1012555048096486709.post-83099470665210685722007-04-29T09:32:00.001-05:002007-04-29T09:32:31.736-05:00Probando Tooltip.<span title="header=[información adicional]body=[ Probando Tooltip]"><a href="http://blogger-adictos.blogspot.com/">Blogger Adictos</a></span><br /><span class="fullpost"><br /><br /></span>Andreshttp://www.blogger.com/profile/07614536744753096596noreply@blogger.com0tag:blogger.com,1999:blog-1012555048096486709.post-9948965807812054002007-04-29T09:24:00.000-05:002007-05-03T18:35:07.705-05:00Tooltip para el BlogHola, he encontrado un muy buen truco para un tooltip, y tiene transparencias, aqui les explicare el truco y les dejare un ejemplo en el post de arriba:<br /><span id="fullpost"><br /><span style="color: rgb(255, 0, 0);">1.- </span>Pega el siguiente codigo antes del /head de tu plantilla:<br /><br /><span style=""> </span><span id="fullpost"><span style=";font-family:courier new;font-size:85%;" ><span style="text-decoration: line;"> </span></span></span><span id="fullpost"><span id="fullpost"><span style=";font-family:courier new;font-size:85%;" ><script src=' http://es.geocities.com/josep_m2003/boxover.js '/><br /><script</span></span><span id="fullpost"> </span></span><span id="fullpost"><span id="fullpost"><span style=";font-family:courier new;font-size:85%;" > </span></span></span><br /><br /><span style="color: rgb(255, 0, 0);">2.-</span> En cada entrada que quieras usar el tooltip solo pega el siguiente codigo en vez del el link:<br /><span style=";font-family:courier new;font-size:85%;" ><br /><span style=""> </span></span><span id="fullpost"><span style=";font-family:courier new;font-size:85%;" ><span style="text-decoration: line;"> </span></span></span><span id="fullpost"><span id="fullpost"><span style=";font-family:courier new;font-size:85%;" ><span title="header=[información adicional]body=[ Aquí el texto que quieras]"><br /><a href="aquí la url"> aquí el texto que quieras enlazar</a></span></span></span><span id="fullpost"><span style=";font-family:courier new;font-size:85%;" > </span></span></span><span id="fullpost"><span id="fullpost"><span style=";font-family:courier new;font-size:85%;" > </span></span></span><span id="fullpost"><br /></span><br />Espero que este truco les haya servido de algo :) .<br /><br /></span>Andreshttp://www.blogger.com/profile/07614536744753096596noreply@blogger.com0tag:blogger.com,1999:blog-1012555048096486709.post-79740353984055444332007-04-29T09:21:00.000-05:002007-04-29T09:23:04.711-05:00Comillas en el Blog.Hola, he encontrado el truco de las comillas y he descubierto lo facil que es asi que aqui os dejo el truco:<br /><span id="fullpost"><br /><span style="color: rgb(255, 0, 0);">1.-</span> Pegar el siguiente codigo despues del head:<br /><br /><span style="font-size:85%;"><span style="font-family: courier new;"><style></span><br /><span style="font-family: courier new;">blockquote {</span><br /><span style="font-family: courier new;">background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwWTZrcg4aWOkZmEXOOL3R3O5km2zXxnEJwki0s7URTd614gjOPo4NB0Dot_aAWtsbb5ee_V6xGOXX0OrdhuqT2hVhyEk9IYDI_M_645G4RbbeuQv9vgiiFBMLITy874oPqm5-o6_ZzX0/s320/comillas.gif) no-repeat 0 3px;</span><br /><span style="font-family: courier new;">color: #666;</span><br /><span style="font-family: courier new;">padding-left: 20px;</span><br /><span style="font-family: courier new;">font-style: italic;</span><br /><span style="font-family: courier new;">margin-bottom: 1px;</span><br /><span style="font-family: courier new;">display:block;</span><br /><span style="font-family: courier new;">padding-top:7px;</span><br /><span style="font-family: courier new;">}</span></span><br /><br /><span style="color: rgb(255, 0, 0);">2.-</span> Ahora solo en cada pos donde queramos poner las comillas pegamos el siguiente codigo y reemplazamos lo que dice Aqui el texto por lo que quiras poner:<br /><br /><span style="font-family: courier new;font-size:85%;" ><blockquote> Aquí el texto</blockquote></span><br /></span>Andreshttp://www.blogger.com/profile/07614536744753096596noreply@blogger.com0