Imprimir entradas

Quizás, a mas de uno llegue a interesarle alguna de las entradas de nuestro blog hasta el punto de, querer tener una version impresa de la misma. Pero... ¿como hacerlo?. La manera más fácil y comoda sería hacerlo directamente desde la página visitada sin tener que salir de ella. Esto lo vamos a lograr haciendo CLICK sobre un widget (impresora) que vamos a colocar y el ejemplo lo pueden apreciar en la parte superior derecha en éste blog, justo al lado del título de ésta entrada. Para ello accedemos a nuestra plantilla de la manera habitual, luego nos vamos a la sección EDICION DE HTML, seguidamente expandimos ARTILUGIOS y ubicamos el siguiente código:

<div class='post-header-line-1'/>

Para ubicar rapidamente este código deberás accionar, simultáneamente, las teclas CTRL+F y te aparecerá en la parte inferior izquierda de la plantilla un recuadro donde deberás colocar el código anterior y veras, en la plantilla, una coloración que te indica donde está el código. Justo, sobre el código localizado, colocamos este otro código, que es el que te va a hacer aparecer el widget (impresora) e implementar la función deseada:

<div align='right'> <a href='javascript:print()'><img src='http://correo.yaju.googlepages.com/imprimir.gif'/></a></div>

Si por el contrario, queremos colocar el widget al final de cada post, debemos ubicar éste código: <p class='post-footer-line-post-footer-line-3'/>

de la misma forma que ubicamos el primer código, y antes del mismo colocamos el código que agregamos para el primer ejemplo. Luego de esto guardamos plantilla y desmarcamos artilugios. Si realizamos todos los pasos de manera correcta, deberá aparecernos el widget (impresora) en nuestro blog, justo en el sitio que le dimos ubicación. Deben recordar que en la sección URL de la imágen: http://correo.yaju......, deben sustituírla por la URL de la imágen que Uds. deseen presentar en su blog. Fuente: Hacktime

Conversion de códigos XHTML a entidades HTML

Cuantas veces al escribir un post, donde debemos colocar un código para que sea implantado en una página web y conseguír un efecto deseado como por ejemplo: BUSCADOR, TRADUCTOR, EFECTOS ESPECIALES, etc., el efecto de dicho código se nos refleja en el post, cosa que no deseamos que suceda. Esto me sucedió hace dias, hasta que al fín logré colocar el susodicho código sin el efecto indeseado. Me dedique, entonces, a la busqueda de una herramienta con la cual pudiese hacer lo antes expuesto, sin mayores dificultades. Luego de varios dias ¡ E U R E K A ! , la conseguí. Hice pruebas durante algunas horas y , realmente, funciona perfectamente, resolviendo, así, mi problema, y esperando, a la vez, pueda ayudarles dejándoles, AQUÍ, el respectivo enlace. La herramienta es muy instuitiva, por lo cual no necesita explicación alguna para su uso y espero que les sea de gran utilidad.

Barra de carga

Esta es una aplicación que nos permite ver que nuestra página se está cargando, y que al término de la misma podremos visualizar, de manera correcta, la página deseada. Para ello, voy a dejarles el script correspondiente para que puedan implementarlo en su página sin tener que cambiar nada, excepto el modelo de barra de carga si lo desean, para lo cual también les dejo unos enlaces. Comenzamos accediendo a nuestro blog de la manera habitual, nos vamos a la sección diseño, allí ubicamos Edición HTML, y antes de </head> colocamos el siguiente código: <scrip type='text/javascript'> window.onload=detectarCarga; function detectarCarga( ){ document.getElementById("imgLOAD").style.display="none"; } </script> Como segundo paso, nos vamos luego a ELEMENTOS DE PÁGINA y colocamos el siguiente código: <div id='imgLOAD' style= "TEXT-ALIGN: center"> <b>Cargando</b> <IMG src="http://i151.photobucket.com/albums/s137/andrewmusic1/loading.gif"> </div>

Si hicimos todo de manera correcta le damos a vista previa y veremos, como puede apreciarse en la parte superior izquierda de éste blog, la imágen de CARGANDO en tu blog. En los siguientes enlaces podrás accesar a diferentes tipos de barras de carga: LoadInfo ActivityIndicators Espero que te sea de utilidad.

SUSTITUÍR LOS TITULOS DE LA SIDEBAR POR UNA IMÁGEN PREDETERMINADA

Muchas veces, y esto es aplicado a casi todo, no nos gustan algunas cosas, tal es el caso de los títulos de la sidebar de nuestro blog que vienen predeterminados y nos gustaría darles una presentación diferente a la que traen. Debemos, para comenzar, elaborar las imágenes que sustituirán los títulos. Yo he utilizado para ello unos botones, que con la ayuda de cooltext, herramienta con la cual podemos elaborar logotipos y botones a nuestro gusto.

Luego de obtener el modelo de boton de nuestro gusto, lo descargamos a nuestro PC y posteriormente lo subimos a el hosting que utilicemos. Luego nos vamos a nuestro blog, y accediendo a él, nos ubicamos en AGREGAR UN ELEMENTO. Allí, en agregar HTML/JAVASCRIPT, que es la forma como vamos a agregar dicho botón a nuestra sidebar, y justo encima del código insertado, Ejm. BUSCADOR ó SUSCRIPCIÓN agregamos ésto: <center><img src="AQUI LA URL DE LA IMÁGEN" alt="TEXTO OPCIONAL"></center>. Luego le damos a VISTA PREVIA, si hicimos todos los pasos correctamente, veremos la imágen que elaboramos en nuestra sidebar. Sólo nos queda borrar el título que tenía anteriormente, para identificar el widget, y en su lugar veremos el título que hemos seleccionado o agregado. La parte del código, donde aparece <center>, podemos sustituirlo por LEFT si lo queremos colocar a la izquierda, RIGHT en el caso de que sea a la derecha, pero si el botón nos ha quedad un poco mas grande que el espacio de la sidebar, sustituimos por JUSTIFY , y de ésta manera la figura o botón se adecuarán al espacio existente.

Otra forma para colocar nuestro botón, y la cual no se recomienda mucho ya que es muy limitativa puesto que no se puede utilizar CSS ni TAGS mas amplios de HTMAL, es la de utilizar lo de AÑADIR UNA IMAGEN AL BLOG, y que he tenido que utilizar para sustituir el título de ARCHIVOS DEL BLOG. Para ello accedes a ésta parte y como tienes la figura guardada en tu PC, sólo tienes que bajarla y listo. Espero que ésta información te halla sido de utilidad.