Poniendo íconos de navegación

Una pregunta frecuente que se me hace en el blog y por el e-mail es cómo sustituir esto:



Por esto:



Es decir, sustituir el texto por íconos de navegación. Es muy sencillo hacerlo y vamos a ver cómo hacerlo:

♠ Vamos a Diseño - Edición HTML - Expandir plantilla de artilugio.
♠ Con ayuda de CTRL+F buscamos el siguiente código en la plantilla:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<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>

</span>

</b:if>



<b:if cond='data:olderPageUrl'>

<span id='blog-pager-older-link'>

<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>

</span>

</b:if>


<b:if cond='data:blog.homepageUrl != data:blog.url'>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

<b:else/>

<b:if cond='data:newerPageUrl'>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

</b:if>
</b:if>

</div>

<div class='clear'/>
</b:includable>

♠ El código anterior lo reemplazaremos por el siguiente:

<b:includable id='nextprev'>
<div id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'>
<img src='AQUÍ-URL-IMAGEN-IZQUIERDA'/>
</a>
</b:if>

<b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>
<img src='AQUÍ-URL-IMAGEN-DERECHA'/>
</a>
</b:if>

<a class='home-link' expr:href='data:blog.homepageUrl'>
<img src='AQUÍ-URL-IMAGEN-CENTRO'/>
</a>
</div>
<div class='clear'/>
</b:includable>

♠ Reemplazamos AQUÍ URL por la imagen correspondiente, teniendo en cuenta que:
» AQUÍ-URL-IMAGEN-IZQUIERDA reemplaza a "Entrada más recientes".
» AQUÍ-URL-IMAGEN-DERECHA reemplaza a "Entrada antiguas".
» AQUÍ-URL-IMAGEN-CENTRO reemplaza a "Página principal".

♠ Damos click a guardar y listo! En próximas entradas veremos más formas de personalizar los íconos de navegación.

BlogDay Perú - 2009

Desde hace unos años se viene celebrando en Perú el Día del Blog o Blog Day, y este año no será la excepción.

Aquí os dejo el calendario completo de actividades que se viene por el Día del Blog en Perú y si desean información extra, pueden visitar el weblog oficial del BlogDay Perú 2009.

» Miercoles 26 de Agosto
"Fiesta Blogger por el BlogDay - Auspiciada por Claro Blackberry Combo Anual"
Lugar: Ananda Lounge (Psje Julio C. Tello #269, Miraflores)
Hora: 8.00pm

» Viernes 28 de Agosto
"Evento Blogday 2009 - Auspiciado por Paginas Amarillas, Lamula.pe y Perublogs.com"
Lugar: Centro de Convenciones Maria Angola - Salon las Campanas (La Paz 623 Miraflores)
Hora: 6.30pm (Registro), 7.00pm (Inicio de Ceremonia)

"After Party Blogday 2009 - Auspiciado por Barena"
Lugar: Barza Xtreme (Calle Grau 288 miraflores, altura cuadra 6 de Pardo)
Hora: 10.00pm (Brazaletes se entregarán en la Ceremonia).

► Para mayor información visita : BlogDay Perú 2009

Radio Online » DeJotaS Radio

Hace unos días me enteré de una maravillosa noticias: Rosa, de El Escaparate, acaba de inaugurar una radio online llamada DeJotaS Radio, donde Rosa también participa como la Dj Hada.

Y si eres de Perú, no te preocupes que también puedes escuchar la radio. Aquí te dejo los horarios de cada Dj (los horarios están de acuerdo a la hora de Perú):

Horarios para Perú:

Debo decir que he estado escuchando la programación y la música y están muy buenas. Además, tienes la posibilidad de pedir canciones o dedicar algún tema a alguien especial.

► Ya sabes si quieres escuchar DeJotaS Radio , ve a su blog y diviértete!!!

Subiendo nuestra música a Mixpod con Boxstr

Hace un tiempo publiqué un post sobre un reproductor de música muy bueno llamado Mixpod. Y una pregunta frecuente que se hacía era cómo subir nuestras propias canciones a nuestro reproductor de música Mixpod.

Bien, para los que no desean usar las canciones que nos ofrece Mixpod, sino que desean subir sus propias canciones, veremos cómo hacerlo.
Si deseas hacer tu reproductor de música con las canciones de Mixpod, te sugiero que mires esta entrada.

Bien, antes que nada quiero indicarles que Mixpod no posee aún alguna herramienta para subir directamente la música desde nuestra PC, pero sí admite URLs, por lo tanto tendremos que subir nuestra música a un alojamiento, obtener la URL y pegarla en Mixpod. Si bien hay varios sitios para alojar archivos MP3, hoy usaremos Boxstr. Así que lo primero que tienes que hacer es crearte una cuenta en Boxstr.

Una vez creada sigue los siguientes pasos:

1. Entra a tu cuenta y has click en Upload.
2. Ahora, del menú desplegable, has click en My Music.
3. Has click en Examinar y escoge la canción que desees subir.
4. Has click en Upload selected files y espera hasta que suba tu música.



♠ Al final, se mostrará una ventana con un enlace, es la URL de la canción y que usaremos en Mixpod.



Ahora entramos a Mixpod.

♠ Del menú, has click en "Create Playlist"
♠ Luego, sigue los pasos que te indican:
» En "Add music" selecciona "Add URL". Donde dice URL pegaremos la URL que obtuvimos en Boxstr. Le damos un título a la cacnión y el nombre del artista. Damos click en "Add Track". Si queremos subir más cacniones haremos lo mismo.
♠ Seguiremos los demás pasos de esta entrada.

Y éso es todo. Claro que pueden usar otro alojamiento. Por ejemplo, UnPerro recomienda hotlinkfiles.com.

► Si es la primera vez que usas Mixpod y no sabes de qué trata, te sugiero que mires primero esta entrada que contiene una DEMO de Mixpod: Mixpod » música en tu blog

Botón para agrandar o achicar el tamaño de letra del blog

Hay quienes sufren de problemas a la vista; quizás no puedan leer letras muy pequeñas o al mirar letras pequeñas se les canse la vista rápidamente. ¿Cómo podemos ayudar a estos lectores? Pues aplicando un botón para que ellos puedan graduar el tamaño de letra que les sea más fácil de leer.

El conseguirlo es muy sencillo.

♠ Primero vamos a Diseño - Edición de HTML y con ayuda de CTRL+F buscamos </body>.
♠ Antes de </body> pegaremos el siguiente script:

<script type='text/javascript'>
//<![CDATA[
var tgs = new Array( 'div','td','tr');
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
var startSz = 2;
function ts( trgt,inc ) {
if (!document.getElementById) return
var d = document,cEl = null,sz = startSz,i,j,cTags;
sz += inc;
if ( sz < 0 ) sz = 0;
if ( sz > 6 ) sz = 6;
startSz = sz;
if (!( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];
cEl.style.fontSize = szs[ sz ];
for ( i = 0 ; i < tgs.length ; i++ ) {
cTags = cEl.getElementsByTagName( tgs[ i ] );
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
}}
//]]>
</script>

♠ Damos click a guardar.
♠ Ahora, vamos a Diseño - Elementos de la página - Añadir un gadget y escogemos HTML/Javascript.
♠ En el nuevo elemento pegaremos el siguiente código:

<a href="javascript:ts('body',2)">T+</a> <a href="javascript:ts('body',-1)">t-</a>

♠ Si deseamos podemos reemplazar T+ y t- por algún botón. Damos click a guardar y listo.

Pueden ver una DEMO en mi blog de pruebas.


► Fuente: Karakas-Online

Añadiendo un Favicon a tu blog

Hoy les enseñaré cómo agregar un favicon a nuestro blog. Para explicarlo en términos sencillos, un favicon es la imagen pequeñita que vemos en la barra de direcciones de una web o blog, como en el caso de mi blog, el favicon sería lo señalado por la flechita:


Es muy sencillo de agregar siguiendo los siguientes pasos:

♠ Vamos a Diseño - Edición de HTML y buscamos el siguiente código: ]]></b:skin> , debajo de éste, pegamos lo siguiente:

<link href='URL-DEL-FAVICON' rel='shortcut icon' type='image/x-icon'/>
<link href='URL-DEL-FAVICON' rel='icon' type='image/x-icon'/>

Reemplazamos donde dice URL-DEL-FAVICON por la dirección URL de nuestro favicon que subiremos a algún servidor de imágenes.

♠ Damos click a guardar y listo.

Puede que no sepan de dónde sacar una imagen que les sirva de favicon. Les sugiero que usen la imagen de su cabecera o la imagen que usan para que los agreguen y la reduzcan al tamaño de un favicon con estas webs:

► FavIcon from Pics
► Quick Thumbnail

En ambas sólo tienen que subir la imagen que quieran reducir a tamaño de favicon, guardarla y luego subirla a su servidor.

Íconos sociales "hechos de madera"

Puede que el título os parezca extraño, pero así es. En Pink Moustache podrán encontrar esta hermosa colección de íconos de redes sociales que tienen la apariencia de estar hechos en madera.
La colección está formada por 11 iconos en formato PNG de 64x64.


► Descargar: Pink Moustache