sábado, 19 de septiembre de 2009

[How to] Botonitos para agrandar la fuente

A pedido del público, del público de UnServidor, van los pasos para poner unos hermosos (?) botonitos que permitan agrandar y achicar la fuente del texto del post.



Cosas que hacen falta:
  1. Saber leer, si no sabe leer pregunte en los comentarios.
  2. Saber buscar (pista, prueben ctrl + F ;) ).
  3. Saber copiar y pegar.
  4. Dos fotitos en algun lugar de la internet, picasa por ejemplo.
Antes que nada, si la idea es solo agrandar la fuente se puede hacer desde la parte de diseño de blogger

UnSer, hacé click en Diseño, después en Fuentes y colores, buscá la opción que dice Fuente del texto y dale al botonito que dice: Más grande. Con eso debería alcanzar.

Ahora sí, vamo' a lo que nos importa.
  1. Hay que editar la plantilla del blog, así que hacete una copia, que para eso los muchachos le pusieron un link ahí arriba, en Diseño, Edición de HTML. Si no te hiciste un backup y se rompe algo a llorar a la iglesia.
  2. Click en el checkbox que dice "Expandir plantillas de artilugios" (debería decir widgets, por qué tradujeron widgets).
  3. Buscá la parte que dice </b:skin> y justo abajo pegá esto (sin el 4, no tengo ganas de pelearme con el editor de blogger...)
  4. <script type="text/javascript">
    //<![CDATA[
    function getPostDiv(){
    var divs = document.getElementsByTagName('div');
    var flag = 'false';
    var div = 0;
    for(i=0;i<divs.length && flag == 'false'; i++){
    if(divs[i].className == 'post-body entry-content'){
    div = divs[i];
    flag = 'true';
    }
    }
    return div;
    
    }
    
    function getDivFontSize(div){
    var size = div.style.fontSize;
    size = size.replace("%","");
    if(size == ""){
    size = "110";
    }
    size = parseInt(size);
    return size;
    }
    
    function enlargeFont(){
    var div = getPostDiv();
    var size = getDivFontSize(div);
    size = size + 5;
    size = size + "%";
    div.style.fontSize=size;
    }
    
    
    function reduceFont(){
    var div = getPostDiv();
    var size = getDivFontSize(div);
    size = size - 5;
    size = size + "%";
    div.style.fontSize=size;
    }
    
    //]]>
    </script>
  5. Buscá la linea que dice
    <div class="post-body entry-content">
    y justo arriba pegá esto otro, sin el 6 rompebolas.
  6. <b:if cond="data:blog.pageType == "item"">
    
    <div class="post-header-line-1" style="text-align: right;">
    
    <a href="#" onclick="javascript:enlargeFont();"><img src="%3Cspan%20style=%22font-weight:%20bold;%22%3ELaDireccionDeUnaFotitoParaAumentarLaLetra%3C/span%3E" style="border: 0pt none;" width="15" /> </a>
    <a href="#" onclick="javascript:reduceFont();"><img src="%3Cspan%20style=%22font-weight:%20bold;%22%3ELaDireccionDeUnaFotitoParaAchicarLaLetra%3C/span%3E" style="border: 0pt none;" width="15" /></a>
    
    </div>
    
    
    </b:if>
  7. Guardá los cambios.
Si todo salió bien deberías tener algo parecido a lo que tengo yo, si todo salió mal cargá la plantilla vieja y todo vuelve a estar como antes.

En lugar de la imagen pueden poner un texto cualquiera.

Otro tema, para que Licha deje de ro.. sufrir porque no puede comentar, hice un nuevo blog solo para arreglar el coso de los comentarios, que anda pa'tras y no sé porque, pasen y comenten por acá, mejor dicho por allá.

21 comentarios:

Nick dijo...

Espero que al menos una persona lo intente, después de lo que costó hacer que quedara legible.

Diego dijo...

Te prometo que ni bien tenga 2 min, lo pruebo, es un lindo gadget.
Tendrias que subirlo a algun foro, esta muy bueno.
Saludos!!!

Nick dijo...

Grande Diego!!! con uno ya está justificado el bardo de luchar con los < y > para que aparezcan bien en el post.

Vino bien porque hice que aparecieran las fotos al lado del nombre, que lo veía por todos lados y yo no lo tenía.

Dark Knight dijo...

te prometo que ni bien me interese hacerlo lo tendré en cuenta :D

licha dijo...

hurra!!!!!

Pedido clase B

Estimado Nick:
Tengo el agrado de dirigirme a Ud. con el fin de solicitarle tenga a bien solucionar el desperfecto que ocasiona que el comentario escrito en una primera instancia no logre procesarse, obligándonos a volver a mandarlo. Mi pedido se funda en que en algunas ocasiones luego de intentar publicar el comentario, por alguna razón que no se explicar, la página se tilda, expira, o sin querer la cierro y el comentario en cuestión no llega a destino, esto lleva a que la nueva redacción carezca de la espontaneidad que gozaba en el primer intento, y finalmente se convierte en un comentario improvisado, carente de entusiasmo, cargado con algo de ira o, en el peor de los casos, desistir de la idea de mandarlo.
Sin otro particular y en espera de una respuesta favorable lo saludo atte.

Licha

Halle dijo...

Un espectáculo, señor! Le daremos la difución que se merece semejante laburito.

Lástima que ya no uso blogger (?)

unServidor dijo...

¡Grosez total! Ya apreté el botonito que me agrandó la fuente ¿ahora me puedo recibir de programador y vivir de esto?
Ya que anda Halle, podría decirnos cómo agregar el botón de "enchuengar" abajo de cada post, y que linkee automáticamente a votar ese mismo post (yo apenas logro que dirija a Chuenga, pero no que le proponga el link a mi entrada específica).

Oh, sí... ¡el público es insaciable!

Nick dijo...

DK, y daaaaaaaaaaaallllllllleeeeeeee.

Licha, bien, me esperaba otra cosa para el pedido clase B, ahora pasá por el otro blog a comentar, para ver si ese se rompe o no.

Halle, se agradece la difusión, no deberías tener problemas para usarlo en WP solo hay que analizar un poco la plantilla que estás usando. Cualquier cosa me preguntás.

UnSer, yo creo que podés hacer mucho más que un montón de ladris que andan sueltos por ahí y se llaman a si mismos programadores.

Para lo de chuenga debería escribir el link así:

<a href="http://chuenga.net/submit.php?url=data:post.url">link a chuenga</a>

Idem Halle, cualquier cosa me preguntás.

Gurisa dijo...

Güenísimo, che! Se viene chiche nuevo para el próximo aniversario de mi blog. Y sí, aaaaaaalgo le tengo que retocar a la plantilla.

Nick dijo...

Dale Guri, cualquier cosa preguntame.

Guty dijo...

Esto es buenísimo, recuerdo haberlo hecho una vez para el blog de Ginger, al poco tiempo la guacha lo abandonó y todavía no me paga el laburo :D
(si lee esto me mata)

Nick dijo...

Guty, ¿Te parece bonito andar cobrándole a una amiga por 20 lineas de js y un poquito de XML? Ginger, si lees esto, matalo ;) jaajjaja

Ahora, hablando en serio (?) es una linda funcionalidad que no cuesta nada implementar y ayuda bastante a los chicatos.

Milenius dijo...

¡¡¡Pero quinteligente que sooooooooooooos!!!

¿A quién habrás salido? A mí no, eso seguro...
¿Se confirma la teoría de que Nick es hijo de suizos?
Cha chan cha chaaaaaaaaaaaaaaaaannnn...

Besos, muy buen recurso, por ahí en algún momento...



te pido que lo hagas en mi blog.

besos.

Ma :)

Reggis dijo...

mira por lo general soy mala siguiendo instrucciones escritas.

se podra preguntar por correo?

saludos

Nick dijo...

Dale Ma, avisame.

Reggis, claro que se puede, hacé click en mi nombre y tenés mi gmail.

Uninvited dijo...

Pibe!
vos mucho help a pedido pero resulta que quiero agregarte a bloglines y me dice que no hay feed de rss disponible para este blop (y para eso sí necesito traducción, no se tuuu).
Soy un colgado y no me acuerdo de memoria las direcciones de los blogs que sigo, por eso recurrí a Bloglines. Contame qué puedo hacer o fijate si podes agregarle ese "artilugio", jeje para poder trackearte (viste como la domino?, jeje)
Abrazo pibe! Se vemo.
Gracias :)

El Profe dijo...

¡¡EA!! ¡Que bueno! Espero haberlo entendido... si por las dudas mi blog estalla es que no segúí las intrucciones... de todas maneras primero bacap por las duras...
¡Abrazos!

Nick dijo...

Uninvited, que raro lo que contás, yo me auto-sigo con google reader y funciona sin problemas, porbá con esta dirección http://miabuelaesdealer.blogspot.com/feeds/posts/default?alt=rss y me contás. Igualmente ahora (ok, seguramente mañana) busco el artilugio ese que decís.

Profe, si no se entendió pase a preguntar, como ya dije, en mi perfil está mi usuario de gmail.

Anónimo dijo...

http://jockinsrinti.tk/ind/anketa87606.htm Проститутки M. Киевская - Индивидуалка Светлана, +7 (963) 631-15-59
http://invesinolph.tk/ind/anketa48529.htm#tp33771 Проститутки M. Динамо - Индивидуалка Снежана, не доступен
http://inetarem.tk/ind/anketa88829.htm Проститутки Индивидуалка Оленька, Район Центр, +7 (953) 160-90-58
http://www.rewtggs.tk/ind/anketa81891.htm Проститутки Индивидуалка Майя, +7 (905) 751-58-99
http://srheraa.tk/ind/anketa76135.htm Проститутки Индивидуалка Лариса, Район Санкт- Петербург, Калининский район , +7 (812) 986-17-71

Anónimo dijo...

драйвер hp photosmart c 5283
драйвер usb устройство mtp
драйвер для инфракрасного порта
драйвер toshiba satellite pro m30
сетевой контролер драйвер


http://hhfc.co.gp/member.php?action=profile&uid=3984
http://www.team-sharkattack.com/forum/profile.php?lookup=13873
http://www.mdnh1.com/vb/member.php?u=34872
http://ukrainians.ca/images/guest/index.php?showuser=2126
http://as7apy.eb2a.com/vb/member.php?u=2372

http://flavors.me/erdayzdajom
http://flavors.me/macdigenre
http://flavors.me/glycembuyweb
http://flavors.me/bullcabooksia
http://flavors.me/grovcompole

Anónimo dijo...

http://www.rewtggs.tk/ind/anketa61049.htm Проститутки M. Митино - Индивидуалка Маша, Район СЗАО, +7 (963) 784-36-61
http://fracenberri1975.tk/comments/anketa/88253 Отзывы о девушке Алина, Москва, (967)1943881
http://saywtenasun1972.tk/checked/anketa/78642 Оценки Манди, Москва, (92)64951176
http://invesinolph.tk/mass/anketa84329.htm Массажистка Анастасия, M. Тульская - Район ЮАО, Даниловский, +7 (495) 740-96-56
http://henchlariso.tk/comments/anketa/73234 Отзывы о девушке Софья, Москва, (962)9831691

смотреть видио проституток